@openedx/paragon 23.2.0 → 23.3.0

package/dist/Tooltip/index.js

@@ -1,29 +1,24 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["children", "variant"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-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';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import BaseTooltip from 'react-bootstrap/Tooltip';
-var PLACEMENT_VARIANTS = ['auto-start', 'auto', 'auto-end', 'top-start', 'top', 'top-end', 'right-start', 'right', 'right-end', 'bottom-end', 'bottom', 'bottom-start', 'left-end', 'left', 'left-start'];
-var Tooltip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    variant = _ref.variant,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(BaseTooltip, _objectSpread(_objectSpread({}, props), {}, {
+const PLACEMENT_VARIANTS = ['auto-start', 'auto', 'auto-end', 'top-start', 'top', 'top-end', 'right-start', 'right', 'right-end', 'bottom-end', 'bottom', 'bottom-start', 'left-end', 'left', 'left-start'];
+const Tooltip = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+    children,
+    variant,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/React.createElement(BaseTooltip, {
+    ...props,
     className: classNames({
       'tooltip-light': variant === 'light'
     }, props.className),
     ref: ref
-  }), children);
+  }, children);
 });
-Tooltip.propTypes = _objectSpread(_objectSpread({}, BaseTooltip.propTypes), {}, {
+Tooltip.propTypes = {
+  ...BaseTooltip.propTypes,
   /** An html id attribute, necessary for accessibility. */
   id: PropTypes.string.isRequired,
   /**
@@ -55,8 +50,9 @@ Tooltip.propTypes = _objectSpread(_objectSpread({}, BaseTooltip.propTypes), {},
   className: PropTypes.string,
   /** The visual style of the `Tooltip` */
   variant: PropTypes.string
-});
-Tooltip.defaultProps = _objectSpread(_objectSpread({}, Tooltip.defaultProps), {}, {
+};
+Tooltip.defaultProps = {
+  ...Tooltip.defaultProps,
   id: undefined,
   placement: 'right',
   arrowProps: undefined,
@@ -66,6 +62,6 @@ Tooltip.defaultProps = _objectSpread(_objectSpread({}, Tooltip.defaultProps), {}
   className: undefined,
   variant: undefined,
   bsPrefix: 'tooltip'
-});
+};
 export default Tooltip;
 //# sourceMappingURL=index.js.map

package/dist/Tooltip/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classNames","BaseTooltip","PLACEMENT_VARIANTS","Tooltip","forwardRef","_ref","ref","children","variant","props","_objectWithoutProperties","_excluded","createElement","_objectSpread","className","propTypes","id","string","isRequired","placement","oneOf","arrowProps","shape","oneOfType","func","current","element","style","show","bool","popper","bsPrefix","node","defaultProps","undefined"],"sources":["../../src/Tooltip/index.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport BaseTooltip, { type TooltipProps as BaseTooltipProps } from 'react-bootstrap/Tooltip';\nimport { type Placement } from 'react-bootstrap/Overlay';\nimport type { ComponentWithAsProp } from '../utils/types/bootstrap';\n\ninterface TooltipProps extends BaseTooltipProps {\n  variant?: 'light';\n}\n\nconst PLACEMENT_VARIANTS: Placement[] = [\n  'auto-start',\n  'auto',\n  'auto-end',\n  'top-start',\n  'top',\n  'top-end',\n  'right-start',\n  'right',\n  'right-end',\n  'bottom-end',\n  'bottom',\n  'bottom-start',\n  'left-end',\n  'left',\n  'left-start',\n];\n\nconst Tooltip: ComponentWithAsProp<'div', TooltipProps> = React.forwardRef(({\n  children,\n  variant,\n  ...props\n}, ref) => (\n  <BaseTooltip\n    {...props}\n    className={classNames({ 'tooltip-light': variant === 'light' }, props.className)}\n    ref={ref}\n  >\n    {children}\n  </BaseTooltip>\n));\n\nTooltip.propTypes = {\n  ...BaseTooltip.propTypes,\n  /** An html id attribute, necessary for accessibility. */\n  id: PropTypes.string.isRequired,\n  /**\n   * Sets the direction the `Tooltip` is positioned towards.\n   *\n   * This is generally provided by the `Overlay` component positioning the tooltip.\n   */\n  placement: PropTypes.oneOf(PLACEMENT_VARIANTS),\n  /**\n   * An `Overlay` injected set of props for positioning the `Tooltip` arrow.\n   *\n   * This is generally provided by the `Overlay` component positioning the tooltip.\n   */\n  arrowProps: PropTypes.shape({\n    ref: PropTypes.oneOfType([\n      PropTypes.func,\n      PropTypes.shape({ current: PropTypes.element }),\n    ]),\n    style: PropTypes.shape({}),\n  }),\n  /** Whether the `Overlay` is shown. */\n  show: PropTypes.bool,\n  /** A `Popper.js` config object passed to the the underlying popper instance. */\n  popper: PropTypes.shape({}),\n  /** Overrides underlying component base CSS class name */\n  bsPrefix: PropTypes.string,\n  /** Specifies the content of the `Tooltip` */\n  children: PropTypes.node,\n  /** Specifies class name to append to the base element */\n  className: PropTypes.string,\n  /** The visual style of the `Tooltip` */\n  variant: PropTypes.string,\n};\n\nTooltip.defaultProps = {\n  ...Tooltip.defaultProps,\n  id: undefined,\n  placement: 'right',\n  arrowProps: undefined,\n  show: undefined,\n  popper: undefined,\n  children: undefined,\n  className: undefined,\n  variant: undefined,\n  bsPrefix: 'tooltip',\n};\n\nexport default Tooltip;\n"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,WAAW,MAAiD,yBAAyB;AAQ5F,IAAMC,kBAA+B,GAAG,CACtC,YAAY,EACZ,MAAM,EACN,UAAU,EACV,WAAW,EACX,KAAK,EACL,SAAS,EACT,aAAa,EACb,OAAO,EACP,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,cAAc,EACd,UAAU,EACV,MAAM,EACN,YAAY,CACb;AAED,IAAMC,OAAiD,gBAAGL,KAAK,CAACM,UAAU,CAAC,UAAAC,IAAA,EAIxEC,GAAG;EAAA,IAHJC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,OAAO,GAAAH,IAAA,CAAPG,OAAO;IACJC,KAAK,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EAAA,oBAERb,KAAA,CAAAc,aAAA,CAACX,WAAW,EAAAY,aAAA,CAAAA,aAAA,KACNJ,KAAK;IACTK,SAAS,EAAEd,UAAU,CAAC;MAAE,eAAe,EAAEQ,OAAO,KAAK;IAAQ,CAAC,EAAEC,KAAK,CAACK,SAAS,CAAE;IACjFR,GAAG,EAAEA;EAAI,IAERC,QACU,CAAC;AAAA,CACf,CAAC;AAEFJ,OAAO,CAACY,SAAS,GAAAF,aAAA,CAAAA,aAAA,KACZZ,WAAW,CAACc,SAAS;EACxB;EACAC,EAAE,EAAEjB,SAAS,CAACkB,MAAM,CAACC,UAAU;EAC/B;AACF;AACA;AACA;AACA;EACEC,SAAS,EAAEpB,SAAS,CAACqB,KAAK,CAAClB,kBAAkB,CAAC;EAC9C;AACF;AACA;AACA;AACA;EACEmB,UAAU,EAAEtB,SAAS,CAACuB,KAAK,CAAC;IAC1BhB,GAAG,EAAEP,SAAS,CAACwB,SAAS,CAAC,CACvBxB,SAAS,CAACyB,IAAI,EACdzB,SAAS,CAACuB,KAAK,CAAC;MAAEG,OAAO,EAAE1B,SAAS,CAAC2B;IAAQ,CAAC,CAAC,CAChD,CAAC;IACFC,KAAK,EAAE5B,SAAS,CAACuB,KAAK,CAAC,CAAC,CAAC;EAC3B,CAAC,CAAC;EACF;EACAM,IAAI,EAAE7B,SAAS,CAAC8B,IAAI;EACpB;EACAC,MAAM,EAAE/B,SAAS,CAACuB,KAAK,CAAC,CAAC,CAAC,CAAC;EAC3B;EACAS,QAAQ,EAAEhC,SAAS,CAACkB,MAAM;EAC1B;EACAV,QAAQ,EAAER,SAAS,CAACiC,IAAI;EACxB;EACAlB,SAAS,EAAEf,SAAS,CAACkB,MAAM;EAC3B;EACAT,OAAO,EAAET,SAAS,CAACkB;AAAM,EAC1B;AAEDd,OAAO,CAAC8B,YAAY,GAAApB,aAAA,CAAAA,aAAA,KACfV,OAAO,CAAC8B,YAAY;EACvBjB,EAAE,EAAEkB,SAAS;EACbf,SAAS,EAAE,OAAO;EAClBE,UAAU,EAAEa,SAAS;EACrBN,IAAI,EAAEM,SAAS;EACfJ,MAAM,EAAEI,SAAS;EACjB3B,QAAQ,EAAE2B,SAAS;EACnBpB,SAAS,EAAEoB,SAAS;EACpB1B,OAAO,EAAE0B,SAAS;EAClBH,QAAQ,EAAE;AAAS,EACpB;AAED,eAAe5B,OAAO","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","classNames","BaseTooltip","PLACEMENT_VARIANTS","Tooltip","forwardRef","_ref","ref","children","variant","props","createElement","className","propTypes","id","string","isRequired","placement","oneOf","arrowProps","shape","oneOfType","func","current","element","style","show","bool","popper","bsPrefix","node","defaultProps","undefined"],"sources":["../../src/Tooltip/index.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport BaseTooltip, { type TooltipProps as BaseTooltipProps } from 'react-bootstrap/Tooltip';\nimport { type Placement } from 'react-bootstrap/Overlay';\nimport type { ComponentWithAsProp } from '../utils/types/bootstrap';\n\ninterface TooltipProps extends BaseTooltipProps {\n  variant?: 'light';\n}\n\nconst PLACEMENT_VARIANTS: Placement[] = [\n  'auto-start',\n  'auto',\n  'auto-end',\n  'top-start',\n  'top',\n  'top-end',\n  'right-start',\n  'right',\n  'right-end',\n  'bottom-end',\n  'bottom',\n  'bottom-start',\n  'left-end',\n  'left',\n  'left-start',\n];\n\nconst Tooltip: ComponentWithAsProp<'div', TooltipProps> = React.forwardRef(({\n  children,\n  variant,\n  ...props\n}, ref) => (\n  <BaseTooltip\n    {...props}\n    className={classNames({ 'tooltip-light': variant === 'light' }, props.className)}\n    ref={ref}\n  >\n    {children}\n  </BaseTooltip>\n));\n\nTooltip.propTypes = {\n  ...BaseTooltip.propTypes,\n  /** An html id attribute, necessary for accessibility. */\n  id: PropTypes.string.isRequired,\n  /**\n   * Sets the direction the `Tooltip` is positioned towards.\n   *\n   * This is generally provided by the `Overlay` component positioning the tooltip.\n   */\n  placement: PropTypes.oneOf(PLACEMENT_VARIANTS),\n  /**\n   * An `Overlay` injected set of props for positioning the `Tooltip` arrow.\n   *\n   * This is generally provided by the `Overlay` component positioning the tooltip.\n   */\n  arrowProps: PropTypes.shape({\n    ref: PropTypes.oneOfType([\n      PropTypes.func,\n      PropTypes.shape({ current: PropTypes.element }),\n    ]),\n    style: PropTypes.shape({}),\n  }),\n  /** Whether the `Overlay` is shown. */\n  show: PropTypes.bool,\n  /** A `Popper.js` config object passed to the the underlying popper instance. */\n  popper: PropTypes.shape({}),\n  /** Overrides underlying component base CSS class name */\n  bsPrefix: PropTypes.string,\n  /** Specifies the content of the `Tooltip` */\n  children: PropTypes.node,\n  /** Specifies class name to append to the base element */\n  className: PropTypes.string,\n  /** The visual style of the `Tooltip` */\n  variant: PropTypes.string,\n};\n\nTooltip.defaultProps = {\n  ...Tooltip.defaultProps,\n  id: undefined,\n  placement: 'right',\n  arrowProps: undefined,\n  show: undefined,\n  popper: undefined,\n  children: undefined,\n  className: undefined,\n  variant: undefined,\n  bsPrefix: 'tooltip',\n};\n\nexport default Tooltip;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,WAAW,MAAiD,yBAAyB;AAQ5F,MAAMC,kBAA+B,GAAG,CACtC,YAAY,EACZ,MAAM,EACN,UAAU,EACV,WAAW,EACX,KAAK,EACL,SAAS,EACT,aAAa,EACb,OAAO,EACP,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,cAAc,EACd,UAAU,EACV,MAAM,EACN,YAAY,CACb;AAED,MAAMC,OAAiD,gBAAGL,KAAK,CAACM,UAAU,CAAC,CAAAC,IAAA,EAIxEC,GAAG;EAAA,IAJsE;IAC1EC,QAAQ;IACRC,OAAO;IACP,GAAGC;EACL,CAAC,GAAAJ,IAAA;EAAA,oBACCP,KAAA,CAAAY,aAAA,CAACT,WAAW;IAAA,GACNQ,KAAK;IACTE,SAAS,EAAEX,UAAU,CAAC;MAAE,eAAe,EAAEQ,OAAO,KAAK;IAAQ,CAAC,EAAEC,KAAK,CAACE,SAAS,CAAE;IACjFL,GAAG,EAAEA;EAAI,GAERC,QACU,CAAC;AAAA,CACf,CAAC;AAEFJ,OAAO,CAACS,SAAS,GAAG;EAClB,GAAGX,WAAW,CAACW,SAAS;EACxB;EACAC,EAAE,EAAEd,SAAS,CAACe,MAAM,CAACC,UAAU;EAC/B;AACF;AACA;AACA;AACA;EACEC,SAAS,EAAEjB,SAAS,CAACkB,KAAK,CAACf,kBAAkB,CAAC;EAC9C;AACF;AACA;AACA;AACA;EACEgB,UAAU,EAAEnB,SAAS,CAACoB,KAAK,CAAC;IAC1Bb,GAAG,EAAEP,SAAS,CAACqB,SAAS,CAAC,CACvBrB,SAAS,CAACsB,IAAI,EACdtB,SAAS,CAACoB,KAAK,CAAC;MAAEG,OAAO,EAAEvB,SAAS,CAACwB;IAAQ,CAAC,CAAC,CAChD,CAAC;IACFC,KAAK,EAAEzB,SAAS,CAACoB,KAAK,CAAC,CAAC,CAAC;EAC3B,CAAC,CAAC;EACF;EACAM,IAAI,EAAE1B,SAAS,CAAC2B,IAAI;EACpB;EACAC,MAAM,EAAE5B,SAAS,CAACoB,KAAK,CAAC,CAAC,CAAC,CAAC;EAC3B;EACAS,QAAQ,EAAE7B,SAAS,CAACe,MAAM;EAC1B;EACAP,QAAQ,EAAER,SAAS,CAAC8B,IAAI;EACxB;EACAlB,SAAS,EAAEZ,SAAS,CAACe,MAAM;EAC3B;EACAN,OAAO,EAAET,SAAS,CAACe;AACrB,CAAC;AAEDX,OAAO,CAAC2B,YAAY,GAAG;EACrB,GAAG3B,OAAO,CAAC2B,YAAY;EACvBjB,EAAE,EAAEkB,SAAS;EACbf,SAAS,EAAE,OAAO;EAClBE,UAAU,EAAEa,SAAS;EACrBN,IAAI,EAAEM,SAAS;EACfJ,MAAM,EAAEI,SAAS;EACjBxB,QAAQ,EAAEwB,SAAS;EACnBpB,SAAS,EAAEoB,SAAS;EACpBvB,OAAO,EAAEuB,SAAS;EAClBH,QAAQ,EAAE;AACZ,CAAC;AAED,eAAezB,OAAO","ignoreList":[]}

package/dist/TransitionReplace/DemoTransitionReplace.js

@@ -1,13 +1,7 @@
-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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useState } from 'react';
 import TransitionReplace from './index';
 export default function DemoTransitionReplace() {
-  var contentOptions = [/*#__PURE__*/React.createElement("blockquote", {
+  const contentOptions = [/*#__PURE__*/React.createElement("blockquote", {
     className: "h2 m-0",
     key: 0
   }, /*#__PURE__*/React.createElement("p", null, "You know the golden rule, don\u2019t you boy? Those who have the gold make the rules."), /*#__PURE__*/React.createElement("footer", null, "\u2014 Crazy hunch-backed old guy in Aladdin")), /*#__PURE__*/React.createElement("blockquote", {
@@ -20,11 +14,8 @@ export default function DemoTransitionReplace() {
     className: "m-0",
     key: 3
   }, /*#__PURE__*/React.createElement("p", null, "The first time I see a jogger smiling, I\u2019ll consider it."), /*#__PURE__*/React.createElement("footer", null, "\u2014 Joan Rivers"))];
-  var _useState = useState(0),
-    _useState2 = _slicedToArray(_useState, 2),
-    currentContentIndex = _useState2[0],
-    setCurrentContentIndex = _useState2[1];
-  var changeContent = function changeContent() {
+  const [currentContentIndex, setCurrentContentIndex] = useState(0);
+  const changeContent = () => {
     setCurrentContentIndex((currentContentIndex + 1) % contentOptions.length);
   };
   return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("button", {

package/dist/TransitionReplace/DemoTransitionReplace.js.map

@@ -1 +1 @@
-{"version":3,"file":"DemoTransitionReplace.js","names":["React","useState","TransitionReplace","DemoTransitionReplace","contentOptions","createElement","className","key","_useState","_useState2","_slicedToArray","currentContentIndex","setCurrentContentIndex","changeContent","length","onClick","style","background","padding","maxWidth"],"sources":["../../src/TransitionReplace/DemoTransitionReplace.jsx"],"sourcesContent":["import React, { useState } from 'react';\nimport TransitionReplace from './index';\n\nexport default function DemoTransitionReplace() {\n  const contentOptions = [\n    (\n      <blockquote className=\"h2 m-0\" key={0}>\n        <p>You know the golden rule, don’t you boy? Those who have the gold make the rules.</p>\n        <footer>— Crazy hunch-backed old guy in Aladdin</footer>\n      </blockquote>\n    ),\n    (\n      <blockquote className=\"m-0\" key={1}>\n        <p>People say nothing is impossible, but I do nothing every day.</p>\n        <footer>— A. A. Milne</footer>\n      </blockquote>\n    ),\n    (\n      <blockquote className=\"h2 m-0\" key={2}>\n        <p>\n          I won’t go into a big spiel about reincarnation, but the first time I was in the\n          Gucci store in Chicago was the closest I’ve ever felt to home.\n        </p>\n        <footer>— Kanye</footer>\n      </blockquote>\n    ),\n    (\n      <blockquote className=\"m-0\" key={3}>\n        <p>The first time I see a jogger smiling, I’ll consider it.</p>\n        <footer>— Joan Rivers</footer>\n      </blockquote>\n    ),\n  ];\n\n  const [currentContentIndex, setCurrentContentIndex] = useState(0);\n  const changeContent = () => {\n    setCurrentContentIndex((currentContentIndex + 1) % contentOptions.length);\n  };\n\n  return (\n    <div>\n      {/*  eslint-disable-next-line react/button-has-type */}\n      <button className=\"btn btn-primary mb-2\" onClick={changeContent}>Next Quote</button>\n      <div\n        style={{\n          background: '#eee',\n          padding: '1rem',\n          maxWidth: '15rem',\n        }}\n      >\n        <TransitionReplace>\n          {contentOptions[currentContentIndex]}\n        </TransitionReplace>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,OAAOC,iBAAiB,MAAM,SAAS;AAEvC,eAAe,SAASC,qBAAqBA,CAAA,EAAG;EAC9C,IAAMC,cAAc,GAAG,cAEnBJ,KAAA,CAAAK,aAAA;IAAYC,SAAS,EAAC,QAAQ;IAACC,GAAG,EAAE;EAAE,gBACpCP,KAAA,CAAAK,aAAA,YAAG,uFAAmF,CAAC,eACvFL,KAAA,CAAAK,aAAA,iBAAQ,8CAA+C,CAC7C,CAAC,eAGbL,KAAA,CAAAK,aAAA;IAAYC,SAAS,EAAC,KAAK;IAACC,GAAG,EAAE;EAAE,gBACjCP,KAAA,CAAAK,aAAA,YAAG,+DAAgE,CAAC,eACpEL,KAAA,CAAAK,aAAA,iBAAQ,oBAAqB,CACnB,CAAC,eAGbL,KAAA,CAAAK,aAAA;IAAYC,SAAS,EAAC,QAAQ;IAACC,GAAG,EAAE;EAAE,gBACpCP,KAAA,CAAAK,aAAA,YAAG,2JAGA,CAAC,eACJL,KAAA,CAAAK,aAAA,iBAAQ,cAAe,CACb,CAAC,eAGbL,KAAA,CAAAK,aAAA;IAAYC,SAAS,EAAC,KAAK;IAACC,GAAG,EAAE;EAAE,gBACjCP,KAAA,CAAAK,aAAA,YAAG,+DAA2D,CAAC,eAC/DL,KAAA,CAAAK,aAAA,iBAAQ,oBAAqB,CACnB,CAAC,CAEhB;EAED,IAAAG,SAAA,GAAsDP,QAAQ,CAAC,CAAC,CAAC;IAAAQ,UAAA,GAAAC,cAAA,CAAAF,SAAA;IAA1DG,mBAAmB,GAAAF,UAAA;IAAEG,sBAAsB,GAAAH,UAAA;EAClD,IAAMI,aAAa,GAAG,SAAhBA,aAAaA,CAAA,EAAS;IAC1BD,sBAAsB,CAAC,CAACD,mBAAmB,GAAG,CAAC,IAAIP,cAAc,CAACU,MAAM,CAAC;EAC3E,CAAC;EAED,oBACEd,KAAA,CAAAK,aAAA,2BAEEL,KAAA,CAAAK,aAAA;IAAQC,SAAS,EAAC,sBAAsB;IAACS,OAAO,EAAEF;EAAc,GAAC,YAAkB,CAAC,eACpFb,KAAA,CAAAK,aAAA;IACEW,KAAK,EAAE;MACLC,UAAU,EAAE,MAAM;MAClBC,OAAO,EAAE,MAAM;MACfC,QAAQ,EAAE;IACZ;EAAE,gBAEFnB,KAAA,CAAAK,aAAA,CAACH,iBAAiB,QACfE,cAAc,CAACO,mBAAmB,CAClB,CAChB,CACF,CAAC;AAEV","ignoreList":[]}
+{"version":3,"file":"DemoTransitionReplace.js","names":["React","useState","TransitionReplace","DemoTransitionReplace","contentOptions","createElement","className","key","currentContentIndex","setCurrentContentIndex","changeContent","length","onClick","style","background","padding","maxWidth"],"sources":["../../src/TransitionReplace/DemoTransitionReplace.jsx"],"sourcesContent":["import React, { useState } from 'react';\nimport TransitionReplace from './index';\n\nexport default function DemoTransitionReplace() {\n  const contentOptions = [\n    (\n      <blockquote className=\"h2 m-0\" key={0}>\n        <p>You know the golden rule, don’t you boy? Those who have the gold make the rules.</p>\n        <footer>— Crazy hunch-backed old guy in Aladdin</footer>\n      </blockquote>\n    ),\n    (\n      <blockquote className=\"m-0\" key={1}>\n        <p>People say nothing is impossible, but I do nothing every day.</p>\n        <footer>— A. A. Milne</footer>\n      </blockquote>\n    ),\n    (\n      <blockquote className=\"h2 m-0\" key={2}>\n        <p>\n          I won’t go into a big spiel about reincarnation, but the first time I was in the\n          Gucci store in Chicago was the closest I’ve ever felt to home.\n        </p>\n        <footer>— Kanye</footer>\n      </blockquote>\n    ),\n    (\n      <blockquote className=\"m-0\" key={3}>\n        <p>The first time I see a jogger smiling, I’ll consider it.</p>\n        <footer>— Joan Rivers</footer>\n      </blockquote>\n    ),\n  ];\n\n  const [currentContentIndex, setCurrentContentIndex] = useState(0);\n  const changeContent = () => {\n    setCurrentContentIndex((currentContentIndex + 1) % contentOptions.length);\n  };\n\n  return (\n    <div>\n      {/*  eslint-disable-next-line react/button-has-type */}\n      <button className=\"btn btn-primary mb-2\" onClick={changeContent}>Next Quote</button>\n      <div\n        style={{\n          background: '#eee',\n          padding: '1rem',\n          maxWidth: '15rem',\n        }}\n      >\n        <TransitionReplace>\n          {contentOptions[currentContentIndex]}\n        </TransitionReplace>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,OAAOC,iBAAiB,MAAM,SAAS;AAEvC,eAAe,SAASC,qBAAqBA,CAAA,EAAG;EAC9C,MAAMC,cAAc,GAAG,cAEnBJ,KAAA,CAAAK,aAAA;IAAYC,SAAS,EAAC,QAAQ;IAACC,GAAG,EAAE;EAAE,gBACpCP,KAAA,CAAAK,aAAA,YAAG,uFAAmF,CAAC,eACvFL,KAAA,CAAAK,aAAA,iBAAQ,8CAA+C,CAC7C,CAAC,eAGbL,KAAA,CAAAK,aAAA;IAAYC,SAAS,EAAC,KAAK;IAACC,GAAG,EAAE;EAAE,gBACjCP,KAAA,CAAAK,aAAA,YAAG,+DAAgE,CAAC,eACpEL,KAAA,CAAAK,aAAA,iBAAQ,oBAAqB,CACnB,CAAC,eAGbL,KAAA,CAAAK,aAAA;IAAYC,SAAS,EAAC,QAAQ;IAACC,GAAG,EAAE;EAAE,gBACpCP,KAAA,CAAAK,aAAA,YAAG,2JAGA,CAAC,eACJL,KAAA,CAAAK,aAAA,iBAAQ,cAAe,CACb,CAAC,eAGbL,KAAA,CAAAK,aAAA;IAAYC,SAAS,EAAC,KAAK;IAACC,GAAG,EAAE;EAAE,gBACjCP,KAAA,CAAAK,aAAA,YAAG,+DAA2D,CAAC,eAC/DL,KAAA,CAAAK,aAAA,iBAAQ,oBAAqB,CACnB,CAAC,CAEhB;EAED,MAAM,CAACG,mBAAmB,EAAEC,sBAAsB,CAAC,GAAGR,QAAQ,CAAC,CAAC,CAAC;EACjE,MAAMS,aAAa,GAAGA,CAAA,KAAM;IAC1BD,sBAAsB,CAAC,CAACD,mBAAmB,GAAG,CAAC,IAAIJ,cAAc,CAACO,MAAM,CAAC;EAC3E,CAAC;EAED,oBACEX,KAAA,CAAAK,aAAA,2BAEEL,KAAA,CAAAK,aAAA;IAAQC,SAAS,EAAC,sBAAsB;IAACM,OAAO,EAAEF;EAAc,GAAC,YAAkB,CAAC,eACpFV,KAAA,CAAAK,aAAA;IACEQ,KAAK,EAAE;MACLC,UAAU,EAAE,MAAM;MAClBC,OAAO,EAAE,MAAM;MACfC,QAAQ,EAAE;IACZ;EAAE,gBAEFhB,KAAA,CAAAK,aAAA,CAACH,iBAAiB,QACfE,cAAc,CAACI,mBAAmB,CAClB,CAChB,CACF,CAAC;AAEV","ignoreList":[]}

package/dist/TransitionReplace/index.js

@@ -1,40 +1,19 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-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 _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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-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() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-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 PropTypes from 'prop-types';
 import { CSSTransition, TransitionGroup } from 'react-transition-group';
 import classNames from 'classnames';
-var TransitionReplace = /*#__PURE__*/function (_React$Component) {
-  _inherits(TransitionReplace, _React$Component);
-  var _super = _createSuper(TransitionReplace);
-  function TransitionReplace(props) {
-    var _this;
-    _classCallCheck(this, TransitionReplace);
-    _this = _super.call(this, props);
-    _this.state = {
+class TransitionReplace extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
       height: null
     };
-    _this.onChildEnter = _this.onChildEnter.bind(_assertThisInitialized(_this));
-    _this.onChildEntering = _this.onChildEntering.bind(_assertThisInitialized(_this));
-    _this.onChildEntered = _this.onChildEntered.bind(_assertThisInitialized(_this));
-    _this.onChildExit = _this.onChildExit.bind(_assertThisInitialized(_this));
-    _this.onChildExiting = _this.onChildExiting.bind(_assertThisInitialized(_this));
-    _this.onChildExited = _this.onChildExited.bind(_assertThisInitialized(_this));
-    return _this;
+    this.onChildEnter = this.onChildEnter.bind(this);
+    this.onChildEntering = this.onChildEntering.bind(this);
+    this.onChildEntered = this.onChildEntered.bind(this);
+    this.onChildExit = this.onChildExit.bind(this);
+    this.onChildExiting = this.onChildExiting.bind(this);
+    this.onChildExited = this.onChildExited.bind(this);
   }
 
   // Transition events are fired in this order:
@@ -50,121 +29,105 @@ var TransitionReplace = /*#__PURE__*/function (_React$Component) {
   // 1. onChildExit         (explicitly set the height to match the current current)
   // 2. onChildEntering     (set the height to match the new content)
   // 3. onChildExited       (reset the height to null)
-  _createClass(TransitionReplace, [{
-    key: "onChildEnter",
-    value: function onChildEnter(htmlNode) {
-      if (this.props.onChildEnter) {
-        this.props.onChildEnter(htmlNode);
-      }
-    }
-  }, {
-    key: "onChildEntering",
-    value: function onChildEntering(htmlNode) {
-      this.setState({
-        height: htmlNode.offsetHeight
-      });
-      if (this.props.onChildEntering) {
-        this.props.onChildEntering(htmlNode);
-      }
+
+  onChildEnter(htmlNode) {
+    if (this.props.onChildEnter) {
+      this.props.onChildEnter(htmlNode);
     }
-  }, {
-    key: "onChildEntered",
-    value: function onChildEntered(htmlNode) {
-      this.setState({
-        height: null
-      });
-      if (this.props.onChildEntered) {
-        this.props.onChildEntered(htmlNode);
-      }
+  }
+  onChildEntering(htmlNode) {
+    this.setState({
+      height: htmlNode.offsetHeight
+    });
+    if (this.props.onChildEntering) {
+      this.props.onChildEntering(htmlNode);
     }
-  }, {
-    key: "onChildExit",
-    value: function onChildExit(htmlNode) {
-      this.setState({
-        height: htmlNode.offsetHeight
-      });
-      if (this.props.onChildExit) {
-        this.props.onChildExit(htmlNode);
-      }
+  }
+  onChildEntered(htmlNode) {
+    this.setState({
+      height: null
+    });
+    if (this.props.onChildEntered) {
+      this.props.onChildEntered(htmlNode);
     }
-  }, {
-    key: "onChildExiting",
-    value: function onChildExiting(htmlNode) {
-      if (this.props.onChildExiting) {
-        this.props.onChildExiting(htmlNode);
-      }
+  }
+  onChildExit(htmlNode) {
+    this.setState({
+      height: htmlNode.offsetHeight
+    });
+    if (this.props.onChildExit) {
+      this.props.onChildExit(htmlNode);
     }
-  }, {
-    key: "onChildExited",
-    value: function onChildExited(htmlNode) {
-      this.setState({
-        height: null
-      });
-      if (this.props.onChildExited) {
-        this.props.onChildExited(htmlNode);
-      }
+  }
+  onChildExiting(htmlNode) {
+    if (this.props.onChildExiting) {
+      this.props.onChildExiting(htmlNode);
     }
-  }, {
-    key: "renderChildTransition",
-    value: function renderChildTransition(child) {
-      var _this2 = this;
-      if (!child.key && process.env.NODE_ENV === 'development') {
-        // eslint-disable-next-line no-console
-        console.warn("TransitionReplace: A child is missing a 'key' prop. Keys are required for any child of this component.");
-      }
-      // Makes the exiting and entering children occupy the same space
-      // SCSS handles the crossfade so it can be easily overridden
-      var commonChildStyles = {
-        // Prevent margin-collapsing which throws off height calculations
-        padding: '.1px 0'
-      };
-      var transitionStyles = {
-        entering: {},
-        entered: {},
-        exiting: {
-          position: 'absolute',
-          top: 0,
-          left: 0,
-          right: 0,
-          pointerEvents: 'none'
-        },
-        exited: {}
-      };
-      return /*#__PURE__*/React.createElement(CSSTransition, {
-        timeout: {
-          enter: this.props.enterDuration,
-          exit: this.props.exitDuration
-        },
-        unmountOnExit: true,
-        mountOnEnter: true,
-        onEnter: this.onChildEnter,
-        onEntering: this.onChildEntering,
-        onEntered: this.onChildEntered,
-        onExit: this.onChildExit,
-        onExiting: this.onChildExiting,
-        onExited: this.onChildExited,
-        classNames: this.props.transitionClassNames
-      }, function (state) {
-        return /*#__PURE__*/React.createElement("div", {
-          style: _objectSpread(_objectSpread(_objectSpread({}, commonChildStyles), transitionStyles[state]), _this2.props.transitionStyles[state])
-        }, child);
-      });
+  }
+  onChildExited(htmlNode) {
+    this.setState({
+      height: null
+    });
+    if (this.props.onChildExited) {
+      this.props.onChildExited(htmlNode);
     }
-  }, {
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/React.createElement(TransitionGroup, {
-        className: classNames('pgn-transition-replace-group', 'position-relative', {
-          'overflow-hidden': this.state.height !== null
-        }, this.props.className),
-        style: {
-          height: this.state.height
-        }
-      }, React.Children.map(this.props.children, this.renderChildTransition, this));
+  }
+  renderChildTransition(child) {
+    if (!child.key && process.env.NODE_ENV === 'development') {
+      // eslint-disable-next-line no-console
+      console.warn("TransitionReplace: A child is missing a 'key' prop. Keys are required for any child of this component.");
     }
-  }]);
-  return TransitionReplace;
-}(React.Component);
+    // Makes the exiting and entering children occupy the same space
+    // SCSS handles the crossfade so it can be easily overridden
+    const commonChildStyles = {
+      // Prevent margin-collapsing which throws off height calculations
+      padding: '.1px 0'
+    };
+    const transitionStyles = {
+      entering: {},
+      entered: {},
+      exiting: {
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        right: 0,
+        pointerEvents: 'none'
+      },
+      exited: {}
+    };
+    return /*#__PURE__*/React.createElement(CSSTransition, {
+      timeout: {
+        enter: this.props.enterDuration,
+        exit: this.props.exitDuration
+      },
+      unmountOnExit: true,
+      mountOnEnter: true,
+      onEnter: this.onChildEnter,
+      onEntering: this.onChildEntering,
+      onEntered: this.onChildEntered,
+      onExit: this.onChildExit,
+      onExiting: this.onChildExiting,
+      onExited: this.onChildExited,
+      classNames: this.props.transitionClassNames
+    }, state => /*#__PURE__*/React.createElement("div", {
+      style: {
+        ...commonChildStyles,
+        ...transitionStyles[state],
+        ...this.props.transitionStyles[state]
+      }
+    }, child));
+  }
+  render() {
+    return /*#__PURE__*/React.createElement(TransitionGroup, {
+      className: classNames('pgn-transition-replace-group', 'position-relative', {
+        'overflow-hidden': this.state.height !== null
+      }, this.props.className),
+      style: {
+        height: this.state.height
+      }
+    }, React.Children.map(this.props.children, this.renderChildTransition, this));
+  }
+}
 TransitionReplace.propTypes = {
   /** Specifies an additional class for the base element */
   children: PropTypes.element,

package/dist/TransitionReplace/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","CSSTransition","TransitionGroup","classNames","TransitionReplace","_React$Component","_inherits","_super","_createSuper","props","_this","_classCallCheck","call","state","height","onChildEnter","bind","_assertThisInitialized","onChildEntering","onChildEntered","onChildExit","onChildExiting","onChildExited","_createClass","key","value","htmlNode","setState","offsetHeight","renderChildTransition","child","_this2","process","env","NODE_ENV","console","warn","commonChildStyles","padding","transitionStyles","entering","entered","exiting","position","top","left","right","pointerEvents","exited","createElement","timeout","enter","enterDuration","exit","exitDuration","unmountOnExit","mountOnEnter","onEnter","onEntering","onEntered","onExit","onExiting","onExited","transitionClassNames","style","_objectSpread","render","className","Children","map","children","Component","propTypes","element","number","string","func","shape","defaultProps","undefined"],"sources":["../../src/TransitionReplace/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { CSSTransition, TransitionGroup } from 'react-transition-group';\nimport classNames from 'classnames';\n\nclass TransitionReplace extends React.Component {\n  constructor(props) {\n    super(props);\n\n    this.state = { height: null };\n\n    this.onChildEnter = this.onChildEnter.bind(this);\n    this.onChildEntering = this.onChildEntering.bind(this);\n    this.onChildEntered = this.onChildEntered.bind(this);\n    this.onChildExit = this.onChildExit.bind(this);\n    this.onChildExiting = this.onChildExiting.bind(this);\n    this.onChildExited = this.onChildExited.bind(this);\n  }\n\n  // Transition events are fired in this order:\n  //\n  // onEnter > onEntering > onEntered\n  // onExit  > onExiting  > onExited\n  //\n  // Keep in mind that we always have two transitions happening\n  // both the entering and leaving children\n  //\n  // We set the container height (for animation) in this order:\n  //\n  // 1. onChildExit         (explicitly set the height to match the current current)\n  // 2. onChildEntering     (set the height to match the new content)\n  // 3. onChildExited       (reset the height to null)\n\n  onChildEnter(htmlNode) {\n    if (this.props.onChildEnter) { this.props.onChildEnter(htmlNode); }\n  }\n\n  onChildEntering(htmlNode) {\n    this.setState({ height: htmlNode.offsetHeight });\n    if (this.props.onChildEntering) { this.props.onChildEntering(htmlNode); }\n  }\n\n  onChildEntered(htmlNode) {\n    this.setState({ height: null });\n    if (this.props.onChildEntered) { this.props.onChildEntered(htmlNode); }\n  }\n\n  onChildExit(htmlNode) {\n    this.setState({ height: htmlNode.offsetHeight });\n    if (this.props.onChildExit) { this.props.onChildExit(htmlNode); }\n  }\n\n  onChildExiting(htmlNode) {\n    if (this.props.onChildExiting) { this.props.onChildExiting(htmlNode); }\n  }\n\n  onChildExited(htmlNode) {\n    this.setState({ height: null });\n    if (this.props.onChildExited) { this.props.onChildExited(htmlNode); }\n  }\n\n  renderChildTransition(child) {\n    if (!child.key && process.env.NODE_ENV === 'development') {\n      // eslint-disable-next-line no-console\n      console.warn(\"TransitionReplace: A child is missing a 'key' prop. Keys are required for any child of this component.\");\n    }\n    // Makes the exiting and entering children occupy the same space\n    // SCSS handles the crossfade so it can be easily overridden\n    const commonChildStyles = {\n      // Prevent margin-collapsing which throws off height calculations\n      padding: '.1px 0',\n    };\n\n    const transitionStyles = {\n      entering: {},\n      entered: {},\n      exiting: {\n        position: 'absolute',\n        top: 0,\n        left: 0,\n        right: 0,\n        pointerEvents: 'none',\n      },\n      exited: {},\n    };\n\n    return (\n      <CSSTransition\n        timeout={{\n          enter: this.props.enterDuration,\n          exit: this.props.exitDuration,\n        }}\n        unmountOnExit\n        mountOnEnter\n        onEnter={this.onChildEnter}\n        onEntering={this.onChildEntering}\n        onEntered={this.onChildEntered}\n        onExit={this.onChildExit}\n        onExiting={this.onChildExiting}\n        onExited={this.onChildExited}\n        classNames={this.props.transitionClassNames}\n      >\n        {state => (\n          <div\n            style={{\n              ...commonChildStyles,\n              ...transitionStyles[state],\n              ...this.props.transitionStyles[state],\n            }}\n          >\n            {child}\n          </div>\n        )}\n      </CSSTransition>\n    );\n  }\n\n  render() {\n    return (\n      <TransitionGroup\n        className={classNames(\n          'pgn-transition-replace-group',\n          'position-relative',\n          { 'overflow-hidden': this.state.height !== null },\n          this.props.className,\n        )}\n        style={{ height: this.state.height }}\n      >\n        {React.Children.map(this.props.children, this.renderChildTransition, this)}\n      </TransitionGroup>\n    );\n  }\n}\n\nTransitionReplace.propTypes = {\n  /** Specifies an additional class for the base element */\n  children: PropTypes.element,\n  /** Duration of the element appearance transition. */\n  enterDuration: PropTypes.number,\n  /** Duration of the element dismiss transition. */\n  exitDuration: PropTypes.number,\n  /** Specifies class name to append to the base element. */\n  className: PropTypes.string,\n  /** A `Transition` callback fired immediately after the `enter` or `appear` class is applied. */\n  onChildEnter: PropTypes.func,\n  /** A `Transition` callback fired immediately after the `enter-active` or `appear-active` class is applied. */\n  onChildEntering: PropTypes.func,\n  /**\n   * A `Transition` callback fired immediately after the `enter` or\n   * `appear` classes are removed and the done class is added to the DOM node.\n   */\n  onChildEntered: PropTypes.func,\n  /** A `Transition` callback fired immediately after the `exit` class is applied. */\n  onChildExit: PropTypes.func,\n  /** A `Transition` callback fired immediately after the `exit-active` is applied. */\n  onChildExiting: PropTypes.func,\n  /**\n   * A `Transition` callback fired immediately after the `exit` classes\n   * are removed and the exit-done class is added to the DOM node.\n   */\n  onChildExited: PropTypes.func,\n  /** An object that specifies transition styles. */\n  transitionStyles: PropTypes.shape({\n    entering: PropTypes.shape({}),\n    entered: PropTypes.shape({}),\n    exiting: PropTypes.shape({}),\n    exited: PropTypes.shape({}),\n  }),\n  /** Specifies class name to append to the `Transition`. */\n  transitionClassNames: PropTypes.string,\n};\n\nTransitionReplace.defaultProps = {\n  children: undefined,\n  enterDuration: 300,\n  exitDuration: 300,\n  className: undefined,\n  onChildEnter: undefined,\n  onChildEntering: undefined,\n  onChildEntered: undefined,\n  onChildExit: undefined,\n  onChildExiting: undefined,\n  onChildExited: undefined,\n  transitionStyles: {},\n  transitionClassNames: 'pgn__transition-replace',\n};\n\nexport default TransitionReplace;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","CSSTransition","TransitionGroup","classNames","TransitionReplace","Component","constructor","props","state","height","onChildEnter","bind","onChildEntering","onChildEntered","onChildExit","onChildExiting","onChildExited","htmlNode","setState","offsetHeight","renderChildTransition","child","key","process","env","NODE_ENV","console","warn","commonChildStyles","padding","transitionStyles","entering","entered","exiting","position","top","left","right","pointerEvents","exited","createElement","timeout","enter","enterDuration","exit","exitDuration","unmountOnExit","mountOnEnter","onEnter","onEntering","onEntered","onExit","onExiting","onExited","transitionClassNames","style","render","className","Children","map","children","propTypes","element","number","string","func","shape","defaultProps","undefined"],"sources":["../../src/TransitionReplace/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { CSSTransition, TransitionGroup } from 'react-transition-group';\nimport classNames from 'classnames';\n\nclass TransitionReplace extends React.Component {\n  constructor(props) {\n    super(props);\n\n    this.state = { height: null };\n\n    this.onChildEnter = this.onChildEnter.bind(this);\n    this.onChildEntering = this.onChildEntering.bind(this);\n    this.onChildEntered = this.onChildEntered.bind(this);\n    this.onChildExit = this.onChildExit.bind(this);\n    this.onChildExiting = this.onChildExiting.bind(this);\n    this.onChildExited = this.onChildExited.bind(this);\n  }\n\n  // Transition events are fired in this order:\n  //\n  // onEnter > onEntering > onEntered\n  // onExit  > onExiting  > onExited\n  //\n  // Keep in mind that we always have two transitions happening\n  // both the entering and leaving children\n  //\n  // We set the container height (for animation) in this order:\n  //\n  // 1. onChildExit         (explicitly set the height to match the current current)\n  // 2. onChildEntering     (set the height to match the new content)\n  // 3. onChildExited       (reset the height to null)\n\n  onChildEnter(htmlNode) {\n    if (this.props.onChildEnter) { this.props.onChildEnter(htmlNode); }\n  }\n\n  onChildEntering(htmlNode) {\n    this.setState({ height: htmlNode.offsetHeight });\n    if (this.props.onChildEntering) { this.props.onChildEntering(htmlNode); }\n  }\n\n  onChildEntered(htmlNode) {\n    this.setState({ height: null });\n    if (this.props.onChildEntered) { this.props.onChildEntered(htmlNode); }\n  }\n\n  onChildExit(htmlNode) {\n    this.setState({ height: htmlNode.offsetHeight });\n    if (this.props.onChildExit) { this.props.onChildExit(htmlNode); }\n  }\n\n  onChildExiting(htmlNode) {\n    if (this.props.onChildExiting) { this.props.onChildExiting(htmlNode); }\n  }\n\n  onChildExited(htmlNode) {\n    this.setState({ height: null });\n    if (this.props.onChildExited) { this.props.onChildExited(htmlNode); }\n  }\n\n  renderChildTransition(child) {\n    if (!child.key && process.env.NODE_ENV === 'development') {\n      // eslint-disable-next-line no-console\n      console.warn(\"TransitionReplace: A child is missing a 'key' prop. Keys are required for any child of this component.\");\n    }\n    // Makes the exiting and entering children occupy the same space\n    // SCSS handles the crossfade so it can be easily overridden\n    const commonChildStyles = {\n      // Prevent margin-collapsing which throws off height calculations\n      padding: '.1px 0',\n    };\n\n    const transitionStyles = {\n      entering: {},\n      entered: {},\n      exiting: {\n        position: 'absolute',\n        top: 0,\n        left: 0,\n        right: 0,\n        pointerEvents: 'none',\n      },\n      exited: {},\n    };\n\n    return (\n      <CSSTransition\n        timeout={{\n          enter: this.props.enterDuration,\n          exit: this.props.exitDuration,\n        }}\n        unmountOnExit\n        mountOnEnter\n        onEnter={this.onChildEnter}\n        onEntering={this.onChildEntering}\n        onEntered={this.onChildEntered}\n        onExit={this.onChildExit}\n        onExiting={this.onChildExiting}\n        onExited={this.onChildExited}\n        classNames={this.props.transitionClassNames}\n      >\n        {state => (\n          <div\n            style={{\n              ...commonChildStyles,\n              ...transitionStyles[state],\n              ...this.props.transitionStyles[state],\n            }}\n          >\n            {child}\n          </div>\n        )}\n      </CSSTransition>\n    );\n  }\n\n  render() {\n    return (\n      <TransitionGroup\n        className={classNames(\n          'pgn-transition-replace-group',\n          'position-relative',\n          { 'overflow-hidden': this.state.height !== null },\n          this.props.className,\n        )}\n        style={{ height: this.state.height }}\n      >\n        {React.Children.map(this.props.children, this.renderChildTransition, this)}\n      </TransitionGroup>\n    );\n  }\n}\n\nTransitionReplace.propTypes = {\n  /** Specifies an additional class for the base element */\n  children: PropTypes.element,\n  /** Duration of the element appearance transition. */\n  enterDuration: PropTypes.number,\n  /** Duration of the element dismiss transition. */\n  exitDuration: PropTypes.number,\n  /** Specifies class name to append to the base element. */\n  className: PropTypes.string,\n  /** A `Transition` callback fired immediately after the `enter` or `appear` class is applied. */\n  onChildEnter: PropTypes.func,\n  /** A `Transition` callback fired immediately after the `enter-active` or `appear-active` class is applied. */\n  onChildEntering: PropTypes.func,\n  /**\n   * A `Transition` callback fired immediately after the `enter` or\n   * `appear` classes are removed and the done class is added to the DOM node.\n   */\n  onChildEntered: PropTypes.func,\n  /** A `Transition` callback fired immediately after the `exit` class is applied. */\n  onChildExit: PropTypes.func,\n  /** A `Transition` callback fired immediately after the `exit-active` is applied. */\n  onChildExiting: PropTypes.func,\n  /**\n   * A `Transition` callback fired immediately after the `exit` classes\n   * are removed and the exit-done class is added to the DOM node.\n   */\n  onChildExited: PropTypes.func,\n  /** An object that specifies transition styles. */\n  transitionStyles: PropTypes.shape({\n    entering: PropTypes.shape({}),\n    entered: PropTypes.shape({}),\n    exiting: PropTypes.shape({}),\n    exited: PropTypes.shape({}),\n  }),\n  /** Specifies class name to append to the `Transition`. */\n  transitionClassNames: PropTypes.string,\n};\n\nTransitionReplace.defaultProps = {\n  children: undefined,\n  enterDuration: 300,\n  exitDuration: 300,\n  className: undefined,\n  onChildEnter: undefined,\n  onChildEntering: undefined,\n  onChildEntered: undefined,\n  onChildExit: undefined,\n  onChildExiting: undefined,\n  onChildExited: undefined,\n  transitionStyles: {},\n  transitionClassNames: 'pgn__transition-replace',\n};\n\nexport default TransitionReplace;\n"],"mappings":"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","ignoreList":[]}

package/dist/Truncate/index.js

@@ -1,41 +1,35 @@
-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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useLayoutEffect, useRef, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import { truncateLines } from './utils';
-import useWindowSize from '../hooks/useWindowSize';
-var DEFAULT_TRUNCATE_LINES = 1;
-var DEFAULT_TRUNCATE_ELLIPSIS = '...';
-var DEFAULT_TRUNCATE_ELEMENT_TYPE = 'div';
+import useWindowSize from '../hooks/useWindowSizeHook';
+const DEFAULT_TRUNCATE_LINES = 1;
+const DEFAULT_TRUNCATE_ELLIPSIS = '...';
+const DEFAULT_TRUNCATE_ELEMENT_TYPE = 'div';
 function TruncateDeprecated(_ref) {
-  var children = _ref.children,
-    lines = _ref.lines,
-    ellipsis = _ref.ellipsis,
-    elementType = _ref.elementType,
-    className = _ref.className,
-    whiteSpace = _ref.whiteSpace,
-    onTruncate = _ref.onTruncate;
-  var textContainer = useRef();
-  var _useWindowSize = useWindowSize(),
-    width = _useWindowSize.width;
-  useLayoutEffect(function () {
+  let {
+    children,
+    lines,
+    ellipsis,
+    elementType,
+    className,
+    whiteSpace,
+    onTruncate
+  } = _ref;
+  const textContainer = useRef();
+  const {
+    width
+  } = useWindowSize();
+  useLayoutEffect(() => {
     if (textContainer.current) {
-      var _truncateLines = truncateLines(children, textContainer.current, {
-          ellipsis: ellipsis,
-          whiteSpace: whiteSpace,
-          lines: lines
-        }),
-        _truncateLines2 = _slicedToArray(_truncateLines, 2),
-        truncated = _truncateLines2[0],
-        original = _truncateLines2[1];
+      const [truncated, original] = truncateLines(children, textContainer.current, {
+        ellipsis,
+        whiteSpace,
+        lines
+      });
       textContainer.current.setAttribute('title', original);
       textContainer.current.setAttribute('aria-label', original);
       textContainer.current.innerHTML = '';
-      truncated.forEach(function (element) {
+      truncated.forEach(element => {
         textContainer.current.appendChild(element);
       });
       if (onTruncate) {
@@ -45,7 +39,7 @@ function TruncateDeprecated(_ref) {
   }, [children, ellipsis, lines, onTruncate, whiteSpace, width]);
   return /*#__PURE__*/React.createElement(elementType, {
     ref: textContainer,
-    className: className
+    className
   });
 }
 TruncateDeprecated.propTypes = {
@@ -73,7 +67,7 @@ TruncateDeprecated.defaultProps = {
   onTruncate: undefined
 };
 function Truncate() {
-  useEffect(function () {
+  useEffect(() => {
     // eslint-disable-next-line no-console
     console.log('Please use Truncate.Deprecated until a replacement is created');
   }, []);

package/dist/Truncate/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useLayoutEffect","useRef","useEffect","PropTypes","truncateLines","useWindowSize","DEFAULT_TRUNCATE_LINES","DEFAULT_TRUNCATE_ELLIPSIS","DEFAULT_TRUNCATE_ELEMENT_TYPE","TruncateDeprecated","_ref","children","lines","ellipsis","elementType","className","whiteSpace","onTruncate","textContainer","_useWindowSize","width","current","_truncateLines","_truncateLines2","_slicedToArray","truncated","original","setAttribute","innerHTML","forEach","element","appendChild","createElement","ref","propTypes","string","isRequired","oneOfType","number","node","bool","func","defaultProps","undefined","Truncate","console","log","Deprecated"],"sources":["../../src/Truncate/index.jsx"],"sourcesContent":["import React, {\n  useLayoutEffect, useRef, useEffect,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport { truncateLines } from './utils';\nimport useWindowSize from '../hooks/useWindowSize';\n\nconst DEFAULT_TRUNCATE_LINES = 1;\nconst DEFAULT_TRUNCATE_ELLIPSIS = '...';\nconst DEFAULT_TRUNCATE_ELEMENT_TYPE = 'div';\n\nfunction TruncateDeprecated({\n  children, lines, ellipsis, elementType, className, whiteSpace, onTruncate,\n}) {\n  const textContainer = useRef();\n  const { width } = useWindowSize();\n\n  useLayoutEffect(() => {\n    if (textContainer.current) {\n      const [truncated, original] = truncateLines(children, textContainer.current, {\n        ellipsis,\n        whiteSpace,\n        lines,\n      });\n      textContainer.current.setAttribute('title', original);\n      textContainer.current.setAttribute('aria-label', original);\n      textContainer.current.innerHTML = '';\n      truncated.forEach(element => {\n        textContainer.current.appendChild(element);\n      });\n      if (onTruncate) {\n        onTruncate(truncated);\n      }\n    }\n  }, [children, ellipsis, lines, onTruncate, whiteSpace, width]);\n\n  return React.createElement(elementType, {\n    ref: textContainer,\n    className,\n  });\n}\n\nTruncateDeprecated.propTypes = {\n  /** The expected text to which the ellipsis would be applied. */\n  children: PropTypes.string.isRequired,\n  /** The number of lines the text to be truncated to. */\n  lines: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  /** Text content for the ellipsis - will appear after the truncated lines. */\n  ellipsis: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.node]),\n  /** Adds the whitespace from before the ellipsis. */\n  whiteSpace: PropTypes.bool,\n  /** Custom html element for truncated text. */\n  elementType: PropTypes.string,\n  /** Specifies class name to append to the base element. */\n  className: PropTypes.string,\n  /** Callback fired when a text truncating */\n  onTruncate: PropTypes.func,\n};\n\nTruncateDeprecated.defaultProps = {\n  lines: DEFAULT_TRUNCATE_LINES,\n  ellipsis: DEFAULT_TRUNCATE_ELLIPSIS,\n  whiteSpace: false,\n  elementType: DEFAULT_TRUNCATE_ELEMENT_TYPE,\n  className: undefined,\n  onTruncate: undefined,\n};\n\nfunction Truncate() {\n  useEffect(() => {\n    // eslint-disable-next-line no-console\n    console.log('Please use Truncate.Deprecated until a replacement is created');\n  }, []);\n  return null;\n}\nTruncate.Deprecated = TruncateDeprecated;\n\nexport default Truncate;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useLayoutEffect","useRef","useEffect","PropTypes","truncateLines","useWindowSize","DEFAULT_TRUNCATE_LINES","DEFAULT_TRUNCATE_ELLIPSIS","DEFAULT_TRUNCATE_ELEMENT_TYPE","TruncateDeprecated","_ref","children","lines","ellipsis","elementType","className","whiteSpace","onTruncate","textContainer","width","current","truncated","original","setAttribute","innerHTML","forEach","element","appendChild","createElement","ref","propTypes","string","isRequired","oneOfType","number","node","bool","func","defaultProps","undefined","Truncate","console","log","Deprecated"],"sources":["../../src/Truncate/index.jsx"],"sourcesContent":["import React, {\n  useLayoutEffect, useRef, useEffect,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport { truncateLines } from './utils';\nimport useWindowSize from '../hooks/useWindowSizeHook';\n\nconst DEFAULT_TRUNCATE_LINES = 1;\nconst DEFAULT_TRUNCATE_ELLIPSIS = '...';\nconst DEFAULT_TRUNCATE_ELEMENT_TYPE = 'div';\n\nfunction TruncateDeprecated({\n  children, lines, ellipsis, elementType, className, whiteSpace, onTruncate,\n}) {\n  const textContainer = useRef();\n  const { width } = useWindowSize();\n\n  useLayoutEffect(() => {\n    if (textContainer.current) {\n      const [truncated, original] = truncateLines(children, textContainer.current, {\n        ellipsis,\n        whiteSpace,\n        lines,\n      });\n      textContainer.current.setAttribute('title', original);\n      textContainer.current.setAttribute('aria-label', original);\n      textContainer.current.innerHTML = '';\n      truncated.forEach(element => {\n        textContainer.current.appendChild(element);\n      });\n      if (onTruncate) {\n        onTruncate(truncated);\n      }\n    }\n  }, [children, ellipsis, lines, onTruncate, whiteSpace, width]);\n\n  return React.createElement(elementType, {\n    ref: textContainer,\n    className,\n  });\n}\n\nTruncateDeprecated.propTypes = {\n  /** The expected text to which the ellipsis would be applied. */\n  children: PropTypes.string.isRequired,\n  /** The number of lines the text to be truncated to. */\n  lines: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  /** Text content for the ellipsis - will appear after the truncated lines. */\n  ellipsis: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.node]),\n  /** Adds the whitespace from before the ellipsis. */\n  whiteSpace: PropTypes.bool,\n  /** Custom html element for truncated text. */\n  elementType: PropTypes.string,\n  /** Specifies class name to append to the base element. */\n  className: PropTypes.string,\n  /** Callback fired when a text truncating */\n  onTruncate: PropTypes.func,\n};\n\nTruncateDeprecated.defaultProps = {\n  lines: DEFAULT_TRUNCATE_LINES,\n  ellipsis: DEFAULT_TRUNCATE_ELLIPSIS,\n  whiteSpace: false,\n  elementType: DEFAULT_TRUNCATE_ELEMENT_TYPE,\n  className: undefined,\n  onTruncate: undefined,\n};\n\nfunction Truncate() {\n  useEffect(() => {\n    // eslint-disable-next-line no-console\n    console.log('Please use Truncate.Deprecated until a replacement is created');\n  }, []);\n  return null;\n}\nTruncate.Deprecated = TruncateDeprecated;\n\nexport default Truncate;\n"],"mappings":"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","ignoreList":[]}