@openedx/paragon 23.14.8 → 23.15.0

package/dist/PageBanner/index.d.ts

@@ -0,0 +1,27 @@
+import { ReactNode } from 'react';
+export declare const PAGE_BANNER_DISMISS_ALT_TEXT = "Dismiss";
+export declare const VARIANTS: {
+    readonly light: "light";
+    readonly dark: "dark";
+    readonly warning: "warning";
+    readonly accentA: "accentA";
+    readonly accentB: "accentB";
+};
+interface PageBannerProps {
+    /** An element rendered inside the `Page Banner`. */
+    children: ReactNode;
+    /** Boolean used to control whether `Page Banner` is dismissible. */
+    dismissible: boolean;
+    /** An element to be set as the dismiss button's alt text (preferably a translated string). */
+    dismissAltText: string;
+    /** A function to be called on dismiss of the `Page Banner`. */
+    onDismiss: () => void;
+    /** Boolean used to control whether the Page Banner shows. */
+    show: boolean;
+    /** A string designating which color variant of the `Page Banner` to display.
+     * The full list of variants can be seen [here.](https://github.com/openedx/paragon/blob/release-23.x/src/PageBanner/index.tsx)
+     */
+    variant: keyof typeof VARIANTS;
+}
+declare function PageBanner({ children, dismissible, dismissAltText, onDismiss, show, variant, ...rest }: PageBannerProps): import("react/jsx-runtime").JSX.Element | null;
+export default PageBanner;

package/dist/PageBanner/index.js

@@ -1,5 +1,4 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { Close } from '../../icons';
 import Icon from '../Icon';
@@ -14,11 +13,11 @@ export const VARIANTS = {
 };
 function PageBanner({
   children,
-  dismissible,
-  dismissAltText,
-  onDismiss,
-  show,
-  variant,
+  dismissible = false,
+  dismissAltText = PAGE_BANNER_DISMISS_ALT_TEXT,
+  onDismiss = () => {},
+  show = true,
+  variant = VARIANTS.accentA,
   ...rest
 }) {
   if (!show) {
@@ -44,27 +43,5 @@ function PageBanner({
     variant: variant === 'dark' ? 'dark' : 'black'
   })));
 }
-PageBanner.propTypes = {
-  /** An element rendered inside the `Page Banner`. */
-  children: PropTypes.node,
-  /** Boolean used to control whether `Page Banner` is dismissible. */
-  dismissible: PropTypes.bool,
-  /** An element to be set as the dismiss button's alt text (preferably a translated string). */
-  dismissAltText: PropTypes.node,
-  /** A function to be called on dismiss of the `Page Banner`. */
-  onDismiss: PropTypes.func,
-  /** Boolean used to control whether the Page Banner shows. */
-  show: PropTypes.bool,
-  /** A string designating which color variant of the `Page Banner` to display */
-  variant: PropTypes.oneOf([VARIANTS.light, VARIANTS.dark, VARIANTS.warning, VARIANTS.accentA, VARIANTS.accentB])
-};
-PageBanner.defaultProps = {
-  children: undefined,
-  dismissible: false,
-  dismissAltText: PAGE_BANNER_DISMISS_ALT_TEXT,
-  onDismiss: () => {},
-  show: true,
-  variant: VARIANTS.accentA
-};
 export default PageBanner;
 //# sourceMappingURL=index.js.map

package/dist/PageBanner/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classNames","Close","Icon","IconButton","PAGE_BANNER_DISMISS_ALT_TEXT","VARIANTS","light","dark","warning","accentA","accentB","PageBanner","children","dismissible","dismissAltText","onDismiss","show","variant","rest","createElement","className","role","onClick","iconAs","alt","src","size","invertColors","propTypes","node","bool","func","oneOf","defaultProps","undefined"],"sources":["../../src/PageBanner/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { Close } from '../../icons';\nimport Icon from '../Icon';\nimport IconButton from '../IconButton';\n\nexport const PAGE_BANNER_DISMISS_ALT_TEXT = 'Dismiss';\n\nexport const VARIANTS = {\n  light: 'light',\n  dark: 'dark',\n  warning: 'warning',\n  accentA: 'accentA',\n  accentB: 'accentB',\n};\n\nfunction PageBanner({\n  children, dismissible, dismissAltText, onDismiss, show, variant, ...rest\n}) {\n  if (!show) {\n    return null;\n  }\n  return (\n    <div\n      className={classNames(\n        'pgn__pageBanner-component',\n        `pgn__pageBanner__${variant}`,\n      )}\n      role=\"alert\"\n      aria-live=\"polite\"\n      aria-atomic=\"true\"\n      {...rest}\n    >\n      <div className=\"pgn__pageBanner-content\">\n        { children }\n      </div>\n      {dismissible && (\n        <span className=\"pgn__pageBanner-dismissButtonContainer\">\n          <IconButton\n            onClick={onDismiss}\n            iconAs={Icon}\n            alt={dismissAltText}\n            src={Close}\n            size=\"inline\"\n            invertColors={variant === 'dark'}\n            variant={variant === 'dark' ? 'dark' : 'black'}\n          />\n        </span>\n      )}\n    </div>\n  );\n}\n\nPageBanner.propTypes = {\n  /** An element rendered inside the `Page Banner`. */\n  children: PropTypes.node,\n  /** Boolean used to control whether `Page Banner` is dismissible. */\n  dismissible: PropTypes.bool,\n  /** An element to be set as the dismiss button's alt text (preferably a translated string). */\n  dismissAltText: PropTypes.node,\n  /** A function to be called on dismiss of the `Page Banner`. */\n  onDismiss: PropTypes.func,\n  /** Boolean used to control whether the Page Banner shows. */\n  show: PropTypes.bool,\n  /** A string designating which color variant of the `Page Banner` to display */\n  variant: PropTypes.oneOf([VARIANTS.light, VARIANTS.dark, VARIANTS.warning, VARIANTS.accentA, VARIANTS.accentB]),\n};\n\nPageBanner.defaultProps = {\n  children: undefined,\n  dismissible: false,\n  dismissAltText: PAGE_BANNER_DISMISS_ALT_TEXT,\n  onDismiss: () => {},\n  show: true,\n  variant: VARIANTS.accentA,\n};\n\nexport default PageBanner;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,KAAK,QAAQ,aAAa;AACnC,OAAOC,IAAI,MAAM,SAAS;AAC1B,OAAOC,UAAU,MAAM,eAAe;AAEtC,OAAO,MAAMC,4BAA4B,GAAG,SAAS;AAErD,OAAO,MAAMC,QAAQ,GAAG;EACtBC,KAAK,EAAE,OAAO;EACdC,IAAI,EAAE,MAAM;EACZC,OAAO,EAAE,SAAS;EAClBC,OAAO,EAAE,SAAS;EAClBC,OAAO,EAAE;AACX,CAAC;AAED,SAASC,UAAUA,CAAC;EAClBC,QAAQ;EAAEC,WAAW;EAAEC,cAAc;EAAEC,SAAS;EAAEC,IAAI;EAAEC,OAAO;EAAE,GAAGC;AACtE,CAAC,EAAE;EACD,IAAI,CAACF,IAAI,EAAE;IACT,OAAO,IAAI;EACb;EACA,oBACElB,KAAA,CAAAqB,aAAA;IACEC,SAAS,EAAEpB,UAAU,CACnB,2BAA2B,EAC3B,oBAAoBiB,OAAO,EAC7B,CAAE;IACFI,IAAI,EAAC,OAAO;IACZ,aAAU,QAAQ;IAClB,eAAY,MAAM;IAAA,GACdH;EAAI,gBAERpB,KAAA,CAAAqB,aAAA;IAAKC,SAAS,EAAC;EAAyB,GACpCR,QACC,CAAC,EACLC,WAAW,iBACVf,KAAA,CAAAqB,aAAA;IAAMC,SAAS,EAAC;EAAwC,gBACtDtB,KAAA,CAAAqB,aAAA,CAAChB,UAAU;IACTmB,OAAO,EAAEP,SAAU;IACnBQ,MAAM,EAAErB,IAAK;IACbsB,GAAG,EAAEV,cAAe;IACpBW,GAAG,EAAExB,KAAM;IACXyB,IAAI,EAAC,QAAQ;IACbC,YAAY,EAAEV,OAAO,KAAK,MAAO;IACjCA,OAAO,EAAEA,OAAO,KAAK,MAAM,GAAG,MAAM,GAAG;EAAQ,CAChD,CACG,CAEL,CAAC;AAEV;AAEAN,UAAU,CAACiB,SAAS,GAAG;EACrB;EACAhB,QAAQ,EAAEb,SAAS,CAAC8B,IAAI;EACxB;EACAhB,WAAW,EAAEd,SAAS,CAAC+B,IAAI;EAC3B;EACAhB,cAAc,EAAEf,SAAS,CAAC8B,IAAI;EAC9B;EACAd,SAAS,EAAEhB,SAAS,CAACgC,IAAI;EACzB;EACAf,IAAI,EAAEjB,SAAS,CAAC+B,IAAI;EACpB;EACAb,OAAO,EAAElB,SAAS,CAACiC,KAAK,CAAC,CAAC3B,QAAQ,CAACC,KAAK,EAAED,QAAQ,CAACE,IAAI,EAAEF,QAAQ,CAACG,OAAO,EAAEH,QAAQ,CAACI,OAAO,EAAEJ,QAAQ,CAACK,OAAO,CAAC;AAChH,CAAC;AAEDC,UAAU,CAACsB,YAAY,GAAG;EACxBrB,QAAQ,EAAEsB,SAAS;EACnBrB,WAAW,EAAE,KAAK;EAClBC,cAAc,EAAEV,4BAA4B;EAC5CW,SAAS,EAAEA,CAAA,KAAM,CAAC,CAAC;EACnBC,IAAI,EAAE,IAAI;EACVC,OAAO,EAAEZ,QAAQ,CAACI;AACpB,CAAC;AAED,eAAeE,UAAU","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","classNames","Close","Icon","IconButton","PAGE_BANNER_DISMISS_ALT_TEXT","VARIANTS","light","dark","warning","accentA","accentB","PageBanner","children","dismissible","dismissAltText","onDismiss","show","variant","rest","createElement","className","role","onClick","iconAs","alt","src","size","invertColors"],"sources":["../../src/PageBanner/index.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport classNames from 'classnames';\nimport { Close } from '../../icons';\nimport Icon from '../Icon';\nimport IconButton from '../IconButton';\n\nexport const PAGE_BANNER_DISMISS_ALT_TEXT = 'Dismiss';\n\nexport const VARIANTS = {\n  light: 'light',\n  dark: 'dark',\n  warning: 'warning',\n  accentA: 'accentA',\n  accentB: 'accentB',\n} as const;\n\ninterface PageBannerProps {\n  /** An element rendered inside the `Page Banner`. */\n  children: ReactNode;\n  /** Boolean used to control whether `Page Banner` is dismissible. */\n  dismissible: boolean;\n  /** An element to be set as the dismiss button's alt text (preferably a translated string). */\n  dismissAltText: string;\n  /** A function to be called on dismiss of the `Page Banner`. */\n  onDismiss: () => void;\n  /** Boolean used to control whether the Page Banner shows. */\n  show: boolean;\n  /** A string designating which color variant of the `Page Banner` to display.\n   * The full list of variants can be seen [here.](https://github.com/openedx/paragon/blob/release-23.x/src/PageBanner/index.tsx)\n   */\n  variant: keyof typeof VARIANTS;\n}\n\nfunction PageBanner({\n  children,\n  dismissible = false,\n  dismissAltText = PAGE_BANNER_DISMISS_ALT_TEXT,\n  onDismiss = () => {},\n  show = true,\n  variant = VARIANTS.accentA,\n  ...rest\n}: PageBannerProps) {\n  if (!show) {\n    return null;\n  }\n  return (\n    <div\n      className={classNames(\n        'pgn__pageBanner-component',\n        `pgn__pageBanner__${variant}`,\n      )}\n      role=\"alert\"\n      aria-live=\"polite\"\n      aria-atomic=\"true\"\n      {...rest}\n    >\n      <div className=\"pgn__pageBanner-content\">\n        { children }\n      </div>\n      {dismissible && (\n        <span className=\"pgn__pageBanner-dismissButtonContainer\">\n          <IconButton\n            onClick={onDismiss}\n            iconAs={Icon}\n            alt={dismissAltText}\n            src={Close}\n            size=\"inline\"\n            invertColors={variant === 'dark'}\n            variant={variant === 'dark' ? 'dark' : 'black'}\n          />\n        </span>\n      )}\n    </div>\n  );\n}\n\nexport default PageBanner;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAqB,OAAO;AACxC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,KAAK,QAAQ,aAAa;AACnC,OAAOC,IAAI,MAAM,SAAS;AAC1B,OAAOC,UAAU,MAAM,eAAe;AAEtC,OAAO,MAAMC,4BAA4B,GAAG,SAAS;AAErD,OAAO,MAAMC,QAAQ,GAAG;EACtBC,KAAK,EAAE,OAAO;EACdC,IAAI,EAAE,MAAM;EACZC,OAAO,EAAE,SAAS;EAClBC,OAAO,EAAE,SAAS;EAClBC,OAAO,EAAE;AACX,CAAU;AAmBV,SAASC,UAAUA,CAAC;EAClBC,QAAQ;EACRC,WAAW,GAAG,KAAK;EACnBC,cAAc,GAAGV,4BAA4B;EAC7CW,SAAS,GAAGA,CAAA,KAAM,CAAC,CAAC;EACpBC,IAAI,GAAG,IAAI;EACXC,OAAO,GAAGZ,QAAQ,CAACI,OAAO;EAC1B,GAAGS;AACY,CAAC,EAAE;EAClB,IAAI,CAACF,IAAI,EAAE;IACT,OAAO,IAAI;EACb;EACA,oBACEjB,KAAA,CAAAoB,aAAA;IACEC,SAAS,EAAEpB,UAAU,CACnB,2BAA2B,EAC3B,oBAAoBiB,OAAO,EAC7B,CAAE;IACFI,IAAI,EAAC,OAAO;IACZ,aAAU,QAAQ;IAClB,eAAY,MAAM;IAAA,GACdH;EAAI,gBAERnB,KAAA,CAAAoB,aAAA;IAAKC,SAAS,EAAC;EAAyB,GACpCR,QACC,CAAC,EACLC,WAAW,iBACVd,KAAA,CAAAoB,aAAA;IAAMC,SAAS,EAAC;EAAwC,gBACtDrB,KAAA,CAAAoB,aAAA,CAAChB,UAAU;IACTmB,OAAO,EAAEP,SAAU;IACnBQ,MAAM,EAAErB,IAAK;IACbsB,GAAG,EAAEV,cAAe;IACpBW,GAAG,EAAExB,KAAM;IACXyB,IAAI,EAAC,QAAQ;IACbC,YAAY,EAAEV,OAAO,KAAK,MAAO;IACjCA,OAAO,EAAEA,OAAO,KAAK,MAAM,GAAG,MAAM,GAAG;EAAQ,CAChD,CACG,CAEL,CAAC;AAEV;AAEA,eAAeN,UAAU","ignoreList":[]}

package/dist/ProductTour/index.js

@@ -101,16 +101,14 @@ const ProductTour = /*#__PURE__*/React.forwardRef(({
     }
     setCurrentCheckpointData(null);
   };
-  /* eslint-disable */
   /**
    * Takes the final checkpoint array index value and looks for an existing onEnd callback.
-   * 
-   * If an onEnd callback exist on checkpointIndex value and it is the final checkpoint 
-   * in the array, the onEnd callback will be called for the parent, and individual onEnd object. 
-   * 
-   * @param {Integer} checkpointIndex 
+   *
+   * If an onEnd callback exist on checkpointIndex value and it is the final checkpoint
+   * in the array, the onEnd callback will be called for the parent, and individual onEnd object.
+   *
+   * @param {Integer} checkpointIndex
    */
-  /* eslint-enable */
   const handleEnd = checkpointIndex => {
     setIndex(0);
     setIsTourEnabled(false);

package/dist/ProductTour/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useEffect","useState","PropTypes","withDeprecatedProps","DeprTypes","Checkpoint","ProductTour","forwardRef","tours","ref","tourValue","find","tour","enabled","checkpoints","startingIndex","onEscape","onEnd","onAdvance","tourOnAdvance","onBack","tourOnBack","onDismiss","tourOnDismiss","advanceButtonText","tourAdvanceButtonText","dismissAltText","tourDismissAltText","endButtonText","tourEndButtonText","backButtonText","tourBackButtonText","currentCheckpointData","setCurrentCheckpointData","index","setIndex","isTourEnabled","setIsTourEnabled","prunedCheckpoints","setPrunedCheckpoints","title","body","placement","target","pruneCheckpoints","checkpointList","checkpointsWithRenderedTargets","filter","checkpoint","document","querySelector","length","handleEsc","event","key","global","addEventListener","removeEventListener","handleAdvance","handleBack","handleDismiss","handleEnd","checkpointIndex","createElement","totalCheckpoints","defaultProps","propTypes","arrayOf","shape","node","string","func","oneOf","isRequired","bool","number","tourId","hasDismissButtonText","obj","dismissButtonText","deprType","FORMAT","message","expect","propValue","Array","isArray","some","transform","map","updatedTour","warningMessage","console","warn","rest"],"sources":["../../src/ProductTour/index.jsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport withDeprecatedProps, { DeprTypes } from '../withDeprecatedProps';\n\nimport Checkpoint from './Checkpoint';\n\nconst ProductTour = React.forwardRef(({ tours }, ref) => {\n  const tourValue = tours.find((tour) => tour.enabled);\n  const {\n    enabled,\n    checkpoints = [],\n    startingIndex,\n    onEscape,\n    onEnd,\n    onAdvance: tourOnAdvance,\n    onBack: tourOnBack,\n    onDismiss: tourOnDismiss,\n    advanceButtonText: tourAdvanceButtonText,\n    dismissAltText: tourDismissAltText,\n    endButtonText: tourEndButtonText,\n    backButtonText: tourBackButtonText,\n  } = tourValue || {};\n  const [currentCheckpointData, setCurrentCheckpointData] = useState(null);\n  const [index, setIndex] = useState(0);\n  const [isTourEnabled, setIsTourEnabled] = useState(false);\n  const [prunedCheckpoints, setPrunedCheckpoints] = useState([]);\n  const {\n    title,\n    body,\n    onAdvance,\n    onBack,\n    onDismiss,\n    advanceButtonText,\n    dismissAltText,\n    endButtonText,\n    backButtonText,\n    placement,\n    target,\n  } = currentCheckpointData || {};\n\n  /**\n   * Takes a list of checkpoints and verifies that each target string provided is\n   * an element in the DOM.\n   */\n  const pruneCheckpoints = (checkpointList) => {\n    const checkpointsWithRenderedTargets = checkpointList.filter(\n      (checkpoint) => !!document.querySelector(checkpoint.target),\n    );\n    setPrunedCheckpoints(checkpointsWithRenderedTargets);\n  };\n\n  useEffect(() => {\n    if (enabled && checkpoints) {\n      setIsTourEnabled(enabled);\n      pruneCheckpoints(checkpoints);\n      setIndex(startingIndex || 0);\n    }\n  }, [enabled, checkpoints, startingIndex]);\n\n  useEffect(() => {\n    if (isTourEnabled && prunedCheckpoints.length) {\n      setCurrentCheckpointData(prunedCheckpoints[index]);\n    }\n  }, [index, isTourEnabled, prunedCheckpoints]);\n\n  useEffect(() => {\n    const handleEsc = (event) => {\n      if (event.key === 'Escape') {\n        setIsTourEnabled(false);\n        if (onEscape) {\n          onEscape();\n        }\n      }\n    };\n    global.addEventListener('keydown', handleEsc);\n\n    return () => {\n      global.removeEventListener('keydown', handleEsc);\n    };\n  }, [onEscape]);\n\n  if (!tourValue || !currentCheckpointData || !isTourEnabled) {\n    return null;\n  }\n\n  const handleAdvance = () => {\n    setIndex(index + 1);\n    if (onAdvance) {\n      onAdvance();\n    } else if (tourOnAdvance) {\n      tourOnAdvance();\n    }\n  };\n\n  const handleBack = () => {\n    setIndex(index - 1);\n    if (onBack) {\n      onBack();\n    } else if (tourOnBack) {\n      tourOnBack();\n    }\n  };\n\n  const handleDismiss = () => {\n    setIndex(0);\n    setIsTourEnabled(false);\n    if (onDismiss) {\n      onDismiss();\n    } else if (tourOnDismiss) {\n      tourOnDismiss();\n    }\n    setCurrentCheckpointData(null);\n  };\n  /* eslint-disable */\n  /**\n   * Takes the final checkpoint array index value and looks for an existing onEnd callback.\n   * \n   * If an onEnd callback exist on checkpointIndex value and it is the final checkpoint \n   * in the array, the onEnd callback will be called for the parent, and individual onEnd object. \n   * \n   * @param {Integer} checkpointIndex \n   */\n  /* eslint-enable */\n  const handleEnd = (checkpointIndex) => {\n    setIndex(0);\n    setIsTourEnabled(false);\n    if (prunedCheckpoints[checkpointIndex].onEnd) {\n      prunedCheckpoints[checkpointIndex].onEnd();\n    } else if (onEnd) {\n      onEnd(prunedCheckpoints[checkpointIndex]);\n    }\n    setCurrentCheckpointData(null);\n  };\n  return (\n    <Checkpoint\n      advanceButtonText={advanceButtonText || tourAdvanceButtonText}\n      body={body}\n      currentCheckpointData={currentCheckpointData}\n      dismissAltText={dismissAltText || tourDismissAltText}\n      endButtonText={endButtonText || tourEndButtonText}\n      backButtonText={backButtonText || tourBackButtonText}\n      index={index}\n      onBack={handleBack}\n      onAdvance={handleAdvance}\n      onDismiss={handleDismiss}\n      onEnd={handleEnd}\n      placement={placement}\n      target={target}\n      title={title}\n      totalCheckpoints={prunedCheckpoints.length}\n      ref={ref}\n    />\n  );\n});\n\nProductTour.defaultProps = {\n  tours: {\n    advanceButtonText: '',\n    backButtonText: '',\n    checkpoints: {\n      advanceButtonText: '',\n      backButtonText: '',\n      body: '',\n      dismissAltText: '',\n      endButtonText: '',\n      onAdvance: () => {},\n      onDismiss: () => {},\n      onBack: () => {},\n      placement: 'top',\n      title: '',\n    },\n    dismissAltText: '',\n    endButtonText: '',\n    onBack: () => {},\n    onDismiss: () => {},\n    onEnd: () => {},\n    onEscape: () => {},\n    startingIndex: 0,\n  },\n};\n\nProductTour.propTypes = {\n  tours: PropTypes.arrayOf(PropTypes.shape({\n    /** The text displayed on all buttons used to advance the tour. */\n    advanceButtonText: PropTypes.node,\n    /** The text displayed on all buttons used to go back in the tour */\n    backButtonText: PropTypes.string,\n    /** An array comprised of checkpoint objects supporting the following values: */\n    checkpoints: PropTypes.arrayOf(PropTypes.shape({\n      /** The text displayed on the button used to advance the tour for the given Checkpoint\n       * (overrides the* `advanceButtonText` defined in the parent tour object). */\n      advanceButtonText: PropTypes.node,\n      /** The text displayed on the button used to go back in the tour for the given Checkpoint\n       * (overrides the* `backButtonText` defined in the parent tour object). */\n      backButtonText: PropTypes.string,\n      /** The text displayed in the body of the Checkpoint */\n      body: PropTypes.node,\n      /** The text used in the alt for the icon used to dismiss the tour for the given Checkpoint */\n      dismissAltText: PropTypes.string,\n      /** The text displayed on the button used to end the tour for the given Checkpoint\n       * (overrides the `endButtonText` defined in the parent tour object). */\n      endButtonText: PropTypes.node,\n      /** A function that runs when triggering the `onClick` event of the advance\n       * button for the given Checkpoint. */\n      onAdvance: PropTypes.func,\n      /** A function that runs when triggering the `onClick` event of the dismiss\n       * button for the given Checkpoint (overrides the `onDismiss` function defined in the parent tour object). */\n      onDismiss: PropTypes.func,\n      /** A function that runs when triggering the `onClick` event of the advance\n      * button if the given Checkpoint is the only or last Checkpoint in a tour. */\n      onEnd: PropTypes.func,\n      /** A string that dictates the alignment of the Checkpoint around its target. */\n      placement: PropTypes.oneOf([\n        'top', 'top-start', 'top-end', 'right-start', 'right', 'right-end',\n        'left-start', 'left', 'left-end', 'bottom', 'bottom-start', 'bottom-end',\n      ]),\n      /** The CSS selector for the Checkpoint's desired target. */\n      target: PropTypes.string.isRequired,\n      /** The text displayed in the title of the Checkpoint */\n      title: PropTypes.node,\n    })),\n    /** The text used in the alt for the icon used to dismiss the tour for the given Checkpoint */\n    dismissAltText: PropTypes.string,\n    /** Whether the tour is enabled. If there are multiple tours defined, only one should be enabled at a time. */\n    enabled: PropTypes.bool.isRequired,\n    /** The text displayed on the button used to end the tour. */\n    endButtonText: PropTypes.node,\n    /** A function that runs when triggering the `onBack` event of the back button. */\n    onBack: PropTypes.func,\n    /** A function that runs when triggering the `onClick` event of the dismiss button. */\n    onDismiss: PropTypes.func,\n    /** A function that runs when triggering the `onClick` event of the end button. */\n    onEnd: PropTypes.func,\n    /** A function that runs when pressing the Escape key. */\n    onEscape: PropTypes.func,\n    /** The index of the desired `Checkpoint` to render when the tour starts. */\n    startingIndex: PropTypes.number,\n    /** The ID of the tour */\n    tourId: PropTypes.string.isRequired,\n  })),\n};\n\n/**\n * Checks if the given object has a deprecated/legacy `dismissButtonText` property.\n * @param {Object} obj - The object to check\n * @returns {boolean} - True if the object has a deprecated/legacy `dismissButtonText` property, false otherwise\n */\nconst hasDismissButtonText = (obj) => {\n  if ('dismissButtonText' in obj && !!obj.dismissButtonText) {\n    return true;\n  }\n  return false;\n};\n\nexport default withDeprecatedProps(ProductTour, 'ProductTour', {\n  tours: {\n    deprType: DeprTypes.FORMAT,\n    message: \"The dismissButtonText options in the 'tours' prop have been moved to 'dismissAltText'.\",\n    /**\n     * Determines whether the given prop value contains the deprecated/legacy `dismissButtonText` property.\n     * @param {Object[]} propValue - The tours prop value to check\n     * @returns {boolean} True if the prop value contains the deprecated/legacy `dismissButtonText`\n     *  property, false otherwise\n     */\n    expect: (propValue) => {\n      if (!Array.isArray(propValue)) {\n        return true;\n      }\n      return !propValue.some((tour) => {\n        if (hasDismissButtonText(tour)) {\n          return true;\n        }\n        return Array.isArray(tour.checkpoints)\n          && tour.checkpoints.some(hasDismissButtonText);\n      });\n    },\n    /**\n     * Transforms the given prop value by updating the\n     * deprecated/legacy `dismissButtonText` property to\n     * `dismissAltText`, if the prop value is a string. Otherwise,\n     * the original `dismissButtonText` property is ignored.\n     * @param {Object[]} propValue - The tours prop value to transform\n     * @returns {Object[]} The transformed prop value\n     */\n    transform: (propValue) => {\n      const tours = propValue.map((tour) => {\n        const updatedTour = { ...tour };\n\n        // Replace tour level dismissButtonText with dismissAltText\n        if (hasDismissButtonText(tour)) {\n          if (typeof tour.dismissButtonText === 'string') {\n            updatedTour.dismissAltText = tour.dismissButtonText;\n          } else {\n            const warningMessage = \"[Deprecated] ProductTour: The 'dismissButtonText' options within the 'tours' prop now expects a string\";\n            // eslint-disable-next-line no-console\n            console.warn(warningMessage);\n          }\n        }\n\n        // Replace checkpoint level dismissButtonText with dismissAltText\n        if (Array.isArray(tour.checkpoints)) {\n          updatedTour.checkpoints = tour.checkpoints.map((checkpoint) => {\n            if (hasDismissButtonText(checkpoint)) {\n              const { dismissButtonText, ...rest } = checkpoint;\n              if (typeof dismissButtonText === 'string') {\n                return { ...rest, dismissAltText: dismissButtonText };\n              }\n            }\n            return checkpoint;\n          });\n        }\n        return updatedTour;\n      });\n\n      // Return the transformed tours\n      return tours;\n    },\n  },\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useEffect","useState","PropTypes","withDeprecatedProps","DeprTypes","Checkpoint","ProductTour","forwardRef","tours","ref","tourValue","find","tour","enabled","checkpoints","startingIndex","onEscape","onEnd","onAdvance","tourOnAdvance","onBack","tourOnBack","onDismiss","tourOnDismiss","advanceButtonText","tourAdvanceButtonText","dismissAltText","tourDismissAltText","endButtonText","tourEndButtonText","backButtonText","tourBackButtonText","currentCheckpointData","setCurrentCheckpointData","index","setIndex","isTourEnabled","setIsTourEnabled","prunedCheckpoints","setPrunedCheckpoints","title","body","placement","target","pruneCheckpoints","checkpointList","checkpointsWithRenderedTargets","filter","checkpoint","document","querySelector","length","handleEsc","event","key","global","addEventListener","removeEventListener","handleAdvance","handleBack","handleDismiss","handleEnd","checkpointIndex","createElement","totalCheckpoints","defaultProps","propTypes","arrayOf","shape","node","string","func","oneOf","isRequired","bool","number","tourId","hasDismissButtonText","obj","dismissButtonText","deprType","FORMAT","message","expect","propValue","Array","isArray","some","transform","map","updatedTour","warningMessage","console","warn","rest"],"sources":["../../src/ProductTour/index.jsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport withDeprecatedProps, { DeprTypes } from '../withDeprecatedProps';\n\nimport Checkpoint from './Checkpoint';\n\nconst ProductTour = React.forwardRef(({ tours }, ref) => {\n  const tourValue = tours.find((tour) => tour.enabled);\n  const {\n    enabled,\n    checkpoints = [],\n    startingIndex,\n    onEscape,\n    onEnd,\n    onAdvance: tourOnAdvance,\n    onBack: tourOnBack,\n    onDismiss: tourOnDismiss,\n    advanceButtonText: tourAdvanceButtonText,\n    dismissAltText: tourDismissAltText,\n    endButtonText: tourEndButtonText,\n    backButtonText: tourBackButtonText,\n  } = tourValue || {};\n  const [currentCheckpointData, setCurrentCheckpointData] = useState(null);\n  const [index, setIndex] = useState(0);\n  const [isTourEnabled, setIsTourEnabled] = useState(false);\n  const [prunedCheckpoints, setPrunedCheckpoints] = useState([]);\n  const {\n    title,\n    body,\n    onAdvance,\n    onBack,\n    onDismiss,\n    advanceButtonText,\n    dismissAltText,\n    endButtonText,\n    backButtonText,\n    placement,\n    target,\n  } = currentCheckpointData || {};\n\n  /**\n   * Takes a list of checkpoints and verifies that each target string provided is\n   * an element in the DOM.\n   */\n  const pruneCheckpoints = (checkpointList) => {\n    const checkpointsWithRenderedTargets = checkpointList.filter(\n      (checkpoint) => !!document.querySelector(checkpoint.target),\n    );\n    setPrunedCheckpoints(checkpointsWithRenderedTargets);\n  };\n\n  useEffect(() => {\n    if (enabled && checkpoints) {\n      setIsTourEnabled(enabled);\n      pruneCheckpoints(checkpoints);\n      setIndex(startingIndex || 0);\n    }\n  }, [enabled, checkpoints, startingIndex]);\n\n  useEffect(() => {\n    if (isTourEnabled && prunedCheckpoints.length) {\n      setCurrentCheckpointData(prunedCheckpoints[index]);\n    }\n  }, [index, isTourEnabled, prunedCheckpoints]);\n\n  useEffect(() => {\n    const handleEsc = (event) => {\n      if (event.key === 'Escape') {\n        setIsTourEnabled(false);\n        if (onEscape) {\n          onEscape();\n        }\n      }\n    };\n    global.addEventListener('keydown', handleEsc);\n\n    return () => {\n      global.removeEventListener('keydown', handleEsc);\n    };\n  }, [onEscape]);\n\n  if (!tourValue || !currentCheckpointData || !isTourEnabled) {\n    return null;\n  }\n\n  const handleAdvance = () => {\n    setIndex(index + 1);\n    if (onAdvance) {\n      onAdvance();\n    } else if (tourOnAdvance) {\n      tourOnAdvance();\n    }\n  };\n\n  const handleBack = () => {\n    setIndex(index - 1);\n    if (onBack) {\n      onBack();\n    } else if (tourOnBack) {\n      tourOnBack();\n    }\n  };\n\n  const handleDismiss = () => {\n    setIndex(0);\n    setIsTourEnabled(false);\n    if (onDismiss) {\n      onDismiss();\n    } else if (tourOnDismiss) {\n      tourOnDismiss();\n    }\n    setCurrentCheckpointData(null);\n  };\n  /**\n   * Takes the final checkpoint array index value and looks for an existing onEnd callback.\n   *\n   * If an onEnd callback exist on checkpointIndex value and it is the final checkpoint\n   * in the array, the onEnd callback will be called for the parent, and individual onEnd object.\n   *\n   * @param {Integer} checkpointIndex\n   */\n  const handleEnd = (checkpointIndex) => {\n    setIndex(0);\n    setIsTourEnabled(false);\n    if (prunedCheckpoints[checkpointIndex].onEnd) {\n      prunedCheckpoints[checkpointIndex].onEnd();\n    } else if (onEnd) {\n      onEnd(prunedCheckpoints[checkpointIndex]);\n    }\n    setCurrentCheckpointData(null);\n  };\n  return (\n    <Checkpoint\n      advanceButtonText={advanceButtonText || tourAdvanceButtonText}\n      body={body}\n      currentCheckpointData={currentCheckpointData}\n      dismissAltText={dismissAltText || tourDismissAltText}\n      endButtonText={endButtonText || tourEndButtonText}\n      backButtonText={backButtonText || tourBackButtonText}\n      index={index}\n      onBack={handleBack}\n      onAdvance={handleAdvance}\n      onDismiss={handleDismiss}\n      onEnd={handleEnd}\n      placement={placement}\n      target={target}\n      title={title}\n      totalCheckpoints={prunedCheckpoints.length}\n      ref={ref}\n    />\n  );\n});\n\nProductTour.defaultProps = {\n  tours: {\n    advanceButtonText: '',\n    backButtonText: '',\n    checkpoints: {\n      advanceButtonText: '',\n      backButtonText: '',\n      body: '',\n      dismissAltText: '',\n      endButtonText: '',\n      onAdvance: () => {},\n      onDismiss: () => {},\n      onBack: () => {},\n      placement: 'top',\n      title: '',\n    },\n    dismissAltText: '',\n    endButtonText: '',\n    onBack: () => {},\n    onDismiss: () => {},\n    onEnd: () => {},\n    onEscape: () => {},\n    startingIndex: 0,\n  },\n};\n\nProductTour.propTypes = {\n  tours: PropTypes.arrayOf(PropTypes.shape({\n    /** The text displayed on all buttons used to advance the tour. */\n    advanceButtonText: PropTypes.node,\n    /** The text displayed on all buttons used to go back in the tour */\n    backButtonText: PropTypes.string,\n    /** An array comprised of checkpoint objects supporting the following values: */\n    checkpoints: PropTypes.arrayOf(PropTypes.shape({\n      /** The text displayed on the button used to advance the tour for the given Checkpoint\n       * (overrides the* `advanceButtonText` defined in the parent tour object). */\n      advanceButtonText: PropTypes.node,\n      /** The text displayed on the button used to go back in the tour for the given Checkpoint\n       * (overrides the* `backButtonText` defined in the parent tour object). */\n      backButtonText: PropTypes.string,\n      /** The text displayed in the body of the Checkpoint */\n      body: PropTypes.node,\n      /** The text used in the alt for the icon used to dismiss the tour for the given Checkpoint */\n      dismissAltText: PropTypes.string,\n      /** The text displayed on the button used to end the tour for the given Checkpoint\n       * (overrides the `endButtonText` defined in the parent tour object). */\n      endButtonText: PropTypes.node,\n      /** A function that runs when triggering the `onClick` event of the advance\n       * button for the given Checkpoint. */\n      onAdvance: PropTypes.func,\n      /** A function that runs when triggering the `onClick` event of the dismiss\n       * button for the given Checkpoint (overrides the `onDismiss` function defined in the parent tour object). */\n      onDismiss: PropTypes.func,\n      /** A function that runs when triggering the `onClick` event of the advance\n      * button if the given Checkpoint is the only or last Checkpoint in a tour. */\n      onEnd: PropTypes.func,\n      /** A string that dictates the alignment of the Checkpoint around its target. */\n      placement: PropTypes.oneOf([\n        'top', 'top-start', 'top-end', 'right-start', 'right', 'right-end',\n        'left-start', 'left', 'left-end', 'bottom', 'bottom-start', 'bottom-end',\n      ]),\n      /** The CSS selector for the Checkpoint's desired target. */\n      target: PropTypes.string.isRequired,\n      /** The text displayed in the title of the Checkpoint */\n      title: PropTypes.node,\n    })),\n    /** The text used in the alt for the icon used to dismiss the tour for the given Checkpoint */\n    dismissAltText: PropTypes.string,\n    /** Whether the tour is enabled. If there are multiple tours defined, only one should be enabled at a time. */\n    enabled: PropTypes.bool.isRequired,\n    /** The text displayed on the button used to end the tour. */\n    endButtonText: PropTypes.node,\n    /** A function that runs when triggering the `onBack` event of the back button. */\n    onBack: PropTypes.func,\n    /** A function that runs when triggering the `onClick` event of the dismiss button. */\n    onDismiss: PropTypes.func,\n    /** A function that runs when triggering the `onClick` event of the end button. */\n    onEnd: PropTypes.func,\n    /** A function that runs when pressing the Escape key. */\n    onEscape: PropTypes.func,\n    /** The index of the desired `Checkpoint` to render when the tour starts. */\n    startingIndex: PropTypes.number,\n    /** The ID of the tour */\n    tourId: PropTypes.string.isRequired,\n  })),\n};\n\n/**\n * Checks if the given object has a deprecated/legacy `dismissButtonText` property.\n * @param {Object} obj - The object to check\n * @returns {boolean} - True if the object has a deprecated/legacy `dismissButtonText` property, false otherwise\n */\nconst hasDismissButtonText = (obj) => {\n  if ('dismissButtonText' in obj && !!obj.dismissButtonText) {\n    return true;\n  }\n  return false;\n};\n\nexport default withDeprecatedProps(ProductTour, 'ProductTour', {\n  tours: {\n    deprType: DeprTypes.FORMAT,\n    message: \"The dismissButtonText options in the 'tours' prop have been moved to 'dismissAltText'.\",\n    /**\n     * Determines whether the given prop value contains the deprecated/legacy `dismissButtonText` property.\n     * @param {Object[]} propValue - The tours prop value to check\n     * @returns {boolean} True if the prop value contains the deprecated/legacy `dismissButtonText`\n     *  property, false otherwise\n     */\n    expect: (propValue) => {\n      if (!Array.isArray(propValue)) {\n        return true;\n      }\n      return !propValue.some((tour) => {\n        if (hasDismissButtonText(tour)) {\n          return true;\n        }\n        return Array.isArray(tour.checkpoints)\n          && tour.checkpoints.some(hasDismissButtonText);\n      });\n    },\n    /**\n     * Transforms the given prop value by updating the\n     * deprecated/legacy `dismissButtonText` property to\n     * `dismissAltText`, if the prop value is a string. Otherwise,\n     * the original `dismissButtonText` property is ignored.\n     * @param {Object[]} propValue - The tours prop value to transform\n     * @returns {Object[]} The transformed prop value\n     */\n    transform: (propValue) => {\n      const tours = propValue.map((tour) => {\n        const updatedTour = { ...tour };\n\n        // Replace tour level dismissButtonText with dismissAltText\n        if (hasDismissButtonText(tour)) {\n          if (typeof tour.dismissButtonText === 'string') {\n            updatedTour.dismissAltText = tour.dismissButtonText;\n          } else {\n            const warningMessage = \"[Deprecated] ProductTour: The 'dismissButtonText' options within the 'tours' prop now expects a string\";\n            // eslint-disable-next-line no-console\n            console.warn(warningMessage);\n          }\n        }\n\n        // Replace checkpoint level dismissButtonText with dismissAltText\n        if (Array.isArray(tour.checkpoints)) {\n          updatedTour.checkpoints = tour.checkpoints.map((checkpoint) => {\n            if (hasDismissButtonText(checkpoint)) {\n              const { dismissButtonText, ...rest } = checkpoint;\n              if (typeof dismissButtonText === 'string') {\n                return { ...rest, dismissAltText: dismissButtonText };\n              }\n            }\n            return checkpoint;\n          });\n        }\n        return updatedTour;\n      });\n\n      // Return the transformed tours\n      return tours;\n    },\n  },\n});\n"],"mappings":"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","ignoreList":[]}

package/dist/ProgressBar/utils.js

@@ -25,7 +25,6 @@ export const placeInfoAtZero = (
       horizontalMargin += annotationOnly ? 0.0 : elementParams.width;
     }
   }
-  // eslint-disable-next-line no-param-reassign
   ref.current.style[direction === 'rtl' ? 'marginRight' : 'marginLeft'] = `${-horizontalMargin}px`;
   return true;
 };

package/dist/SelectableBox/utils.js

@@ -1,6 +1,5 @@
 import Form, { CheckboxControl, RadioControl } from '../Form';
 
-// eslint-disable-next-line import/prefer-default-export,consistent-return
 export const getInputType = (component, type) => {
   if (component === 'SelectableBox') {
     switch (type) {
@@ -21,4 +20,5 @@ export const getInputType = (component, type) => {
         return Form.RadioSet;
     }
   }
+  return null;
 };

package/dist/Sheet/SheetContainer.js

@@ -1,22 +1,39 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import PropTypes from 'prop-types';
+import classNames from 'classnames';
 class SheetContainer extends React.Component {
   constructor(props) {
     super(props);
     this.sheetRootName = 'sheet-root';
+    this.updateRootElement();
+  }
+  componentDidUpdate(prevProps) {
+    if (prevProps.className !== this.props.className) {
+      this.updateRootElement();
+    }
+  }
+  updateRootElement = () => {
+    const {
+      className
+    } = this.props;
+
+    /* istanbul ignore next */
     if (typeof document === 'undefined') {
       this.rootElement = null;
-    } else if (document.getElementById(this.sheetRootName)) {
-      this.rootElement = document.getElementById(this.sheetRootName);
-    } else {
-      const rootElement = document.createElement('div');
+      return;
+    }
+    let rootElement = document.getElementById(this.sheetRootName);
+    if (!rootElement) {
+      rootElement = document.createElement('div');
       rootElement.setAttribute('id', this.sheetRootName);
-      rootElement.setAttribute('class', 'sheet-container');
       rootElement.setAttribute('data-testid', 'sheet-container');
-      this.rootElement = document.body.appendChild(rootElement);
+      document.body.appendChild(rootElement);
     }
-  }
+    const classes = classNames('sheet-container', className);
+    rootElement.setAttribute('class', classes);
+    this.rootElement = rootElement;
+  };
   render() {
     if (this.rootElement) {
       return /*#__PURE__*/ReactDOM.createPortal(this.props.children, this.rootElement);
@@ -25,7 +42,12 @@ class SheetContainer extends React.Component {
   }
 }
 SheetContainer.propTypes = {
-  children: PropTypes.node.isRequired
+  children: PropTypes.node.isRequired,
+  /** Additional CSS classes to apply to the sheet container */
+  className: PropTypes.string
+};
+SheetContainer.defaultProps = {
+  className: undefined
 };
 export default SheetContainer;
 //# sourceMappingURL=SheetContainer.js.map

package/dist/Sheet/SheetContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"SheetContainer.js","names":["React","ReactDOM","PropTypes","SheetContainer","Component","constructor","props","sheetRootName","document","rootElement","getElementById","createElement","setAttribute","body","appendChild","render","createPortal","children","propTypes","node","isRequired"],"sources":["../../src/Sheet/SheetContainer.jsx"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport PropTypes from 'prop-types';\n\nclass SheetContainer extends React.Component {\n  constructor(props) {\n    super(props);\n    this.sheetRootName = 'sheet-root';\n    if (typeof document === 'undefined') {\n      this.rootElement = null;\n    } else if (document.getElementById(this.sheetRootName)) {\n      this.rootElement = document.getElementById(this.sheetRootName);\n    } else {\n      const rootElement = document.createElement('div');\n      rootElement.setAttribute('id', this.sheetRootName);\n      rootElement.setAttribute('class', 'sheet-container');\n      rootElement.setAttribute('data-testid', 'sheet-container');\n      this.rootElement = document.body.appendChild(rootElement);\n    }\n  }\n\n  render() {\n    if (this.rootElement) {\n      return ReactDOM.createPortal(\n        this.props.children,\n        this.rootElement,\n      );\n    }\n    return null;\n  }\n}\n\nSheetContainer.propTypes = {\n  children: PropTypes.node.isRequired,\n};\n\nexport default SheetContainer;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,QAAQ,MAAM,WAAW;AAChC,OAAOC,SAAS,MAAM,YAAY;AAElC,MAAMC,cAAc,SAASH,KAAK,CAACI,SAAS,CAAC;EAC3CC,WAAWA,CAACC,KAAK,EAAE;IACjB,KAAK,CAACA,KAAK,CAAC;IACZ,IAAI,CAACC,aAAa,GAAG,YAAY;IACjC,IAAI,OAAOC,QAAQ,KAAK,WAAW,EAAE;MACnC,IAAI,CAACC,WAAW,GAAG,IAAI;IACzB,CAAC,MAAM,IAAID,QAAQ,CAACE,cAAc,CAAC,IAAI,CAACH,aAAa,CAAC,EAAE;MACtD,IAAI,CAACE,WAAW,GAAGD,QAAQ,CAACE,cAAc,CAAC,IAAI,CAACH,aAAa,CAAC;IAChE,CAAC,MAAM;MACL,MAAME,WAAW,GAAGD,QAAQ,CAACG,aAAa,CAAC,KAAK,CAAC;MACjDF,WAAW,CAACG,YAAY,CAAC,IAAI,EAAE,IAAI,CAACL,aAAa,CAAC;MAClDE,WAAW,CAACG,YAAY,CAAC,OAAO,EAAE,iBAAiB,CAAC;MACpDH,WAAW,CAACG,YAAY,CAAC,aAAa,EAAE,iBAAiB,CAAC;MAC1D,IAAI,CAACH,WAAW,GAAGD,QAAQ,CAACK,IAAI,CAACC,WAAW,CAACL,WAAW,CAAC;IAC3D;EACF;EAEAM,MAAMA,CAAA,EAAG;IACP,IAAI,IAAI,CAACN,WAAW,EAAE;MACpB,oBAAOR,QAAQ,CAACe,YAAY,CAC1B,IAAI,CAACV,KAAK,CAACW,QAAQ,EACnB,IAAI,CAACR,WACP,CAAC;IACH;IACA,OAAO,IAAI;EACb;AACF;AAEAN,cAAc,CAACe,SAAS,GAAG;EACzBD,QAAQ,EAAEf,SAAS,CAACiB,IAAI,CAACC;AAC3B,CAAC;AAED,eAAejB,cAAc","ignoreList":[]}
+{"version":3,"file":"SheetContainer.js","names":["React","ReactDOM","PropTypes","classNames","SheetContainer","Component","constructor","props","sheetRootName","updateRootElement","componentDidUpdate","prevProps","className","document","rootElement","getElementById","createElement","setAttribute","body","appendChild","classes","render","createPortal","children","propTypes","node","isRequired","string","defaultProps","undefined"],"sources":["../../src/Sheet/SheetContainer.jsx"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nclass SheetContainer extends React.Component {\n  constructor(props) {\n    super(props);\n    this.sheetRootName = 'sheet-root';\n    this.updateRootElement();\n  }\n\n  componentDidUpdate(prevProps) {\n    if (prevProps.className !== this.props.className) {\n      this.updateRootElement();\n    }\n  }\n\n  updateRootElement = () => {\n    const { className } = this.props;\n\n    /* istanbul ignore next */\n    if (typeof document === 'undefined') {\n      this.rootElement = null;\n      return;\n    }\n\n    let rootElement = document.getElementById(this.sheetRootName);\n\n    if (!rootElement) {\n      rootElement = document.createElement('div');\n      rootElement.setAttribute('id', this.sheetRootName);\n      rootElement.setAttribute('data-testid', 'sheet-container');\n      document.body.appendChild(rootElement);\n    }\n\n    const classes = classNames('sheet-container', className);\n    rootElement.setAttribute('class', classes);\n\n    this.rootElement = rootElement;\n  };\n\n  render() {\n    if (this.rootElement) {\n      return ReactDOM.createPortal(\n        this.props.children,\n        this.rootElement,\n      );\n    }\n    return null;\n  }\n}\n\nSheetContainer.propTypes = {\n  children: PropTypes.node.isRequired,\n  /** Additional CSS classes to apply to the sheet container */\n  className: PropTypes.string,\n};\n\nSheetContainer.defaultProps = {\n  className: undefined,\n};\n\nexport default SheetContainer;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,QAAQ,MAAM,WAAW;AAChC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,MAAMC,cAAc,SAASJ,KAAK,CAACK,SAAS,CAAC;EAC3CC,WAAWA,CAACC,KAAK,EAAE;IACjB,KAAK,CAACA,KAAK,CAAC;IACZ,IAAI,CAACC,aAAa,GAAG,YAAY;IACjC,IAAI,CAACC,iBAAiB,CAAC,CAAC;EAC1B;EAEAC,kBAAkBA,CAACC,SAAS,EAAE;IAC5B,IAAIA,SAAS,CAACC,SAAS,KAAK,IAAI,CAACL,KAAK,CAACK,SAAS,EAAE;MAChD,IAAI,CAACH,iBAAiB,CAAC,CAAC;IAC1B;EACF;EAEAA,iBAAiB,GAAGA,CAAA,KAAM;IACxB,MAAM;MAAEG;IAAU,CAAC,GAAG,IAAI,CAACL,KAAK;;IAEhC;IACA,IAAI,OAAOM,QAAQ,KAAK,WAAW,EAAE;MACnC,IAAI,CAACC,WAAW,GAAG,IAAI;MACvB;IACF;IAEA,IAAIA,WAAW,GAAGD,QAAQ,CAACE,cAAc,CAAC,IAAI,CAACP,aAAa,CAAC;IAE7D,IAAI,CAACM,WAAW,EAAE;MAChBA,WAAW,GAAGD,QAAQ,CAACG,aAAa,CAAC,KAAK,CAAC;MAC3CF,WAAW,CAACG,YAAY,CAAC,IAAI,EAAE,IAAI,CAACT,aAAa,CAAC;MAClDM,WAAW,CAACG,YAAY,CAAC,aAAa,EAAE,iBAAiB,CAAC;MAC1DJ,QAAQ,CAACK,IAAI,CAACC,WAAW,CAACL,WAAW,CAAC;IACxC;IAEA,MAAMM,OAAO,GAAGjB,UAAU,CAAC,iBAAiB,EAAES,SAAS,CAAC;IACxDE,WAAW,CAACG,YAAY,CAAC,OAAO,EAAEG,OAAO,CAAC;IAE1C,IAAI,CAACN,WAAW,GAAGA,WAAW;EAChC,CAAC;EAEDO,MAAMA,CAAA,EAAG;IACP,IAAI,IAAI,CAACP,WAAW,EAAE;MACpB,oBAAOb,QAAQ,CAACqB,YAAY,CAC1B,IAAI,CAACf,KAAK,CAACgB,QAAQ,EACnB,IAAI,CAACT,WACP,CAAC;IACH;IACA,OAAO,IAAI;EACb;AACF;AAEAV,cAAc,CAACoB,SAAS,GAAG;EACzBD,QAAQ,EAAErB,SAAS,CAACuB,IAAI,CAACC,UAAU;EACnC;EACAd,SAAS,EAAEV,SAAS,CAACyB;AACvB,CAAC;AAEDvB,cAAc,CAACwB,YAAY,GAAG;EAC5BhB,SAAS,EAAEiB;AACb,CAAC;AAED,eAAezB,cAAc","ignoreList":[]}

package/dist/Sheet/index.js

@@ -23,10 +23,11 @@ class Sheet extends React.Component {
     const {
       children,
       position,
-      variant
+      variant,
+      className
     } = this.props;
     return /*#__PURE__*/React.createElement("div", {
-      className: classNames('pgn__sheet-component', `pgn__sheet__${variant}`, position),
+      className: classNames('pgn__sheet-component', `pgn__sheet__${variant}`, position, className),
       role: "alert",
       "aria-live": "polite",
       "aria-atomic": "true"
@@ -38,12 +39,15 @@ class Sheet extends React.Component {
     const {
       blocking,
       show,
-      onClose
+      onClose,
+      containerClassName
     } = this.props;
     if (!show) {
       return null;
     }
-    return /*#__PURE__*/React.createElement(SheetContainer, null, /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React.createElement(SheetContainer, {
+      className: classNames(containerClassName)
+    }, /*#__PURE__*/React.createElement("div", {
       className: classNames('pgn__sheet-skrim', {
         hidden: !blocking
       }),
@@ -60,6 +64,10 @@ Sheet.propTypes = {
   blocking: PropTypes.bool,
   /** an element rendered inside the sheet */
   children: PropTypes.node,
+  /** A class that is appended to the sheet container element. */
+  containerClassName: PropTypes.string,
+  /** A class that is appended to the sheet element. */
+  className: PropTypes.string,
   /** a string designating the sheet's position on the window */
   position: PropTypes.oneOf([POSITIONS.left, POSITIONS.right, POSITIONS.top, POSITIONS.bottom]),
   /** Boolean used to control whether the Sheet shows. */
@@ -75,7 +83,9 @@ Sheet.defaultProps = {
   position: POSITIONS.bottom,
   show: true,
   onClose: () => {},
-  variant: VARIANTS.light
+  variant: VARIANTS.light,
+  containerClassName: undefined,
+  className: undefined
 };
 export default Sheet;
 //# sourceMappingURL=index.js.map

package/dist/Sheet/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classNames","FocusOn","SheetContainer","POSITIONS","left","right","top","bottom","VARIANTS","light","dark","Sheet","Component","constructor","props","wrapperRef","createRef","renderSheet","bind","children","position","variant","createElement","className","role","render","blocking","show","onClose","hidden","onClickOutside","onEscapeKey","shards","propTypes","bool","node","oneOf","func","defaultProps","undefined"],"sources":["../../src/Sheet/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { FocusOn } from 'react-focus-on';\n\nimport SheetContainer from './SheetContainer';\n\nexport const POSITIONS = {\n  left: 'left',\n  right: 'right',\n  top: 'top',\n  bottom: 'bottom',\n};\n\nexport const VARIANTS = {\n  light: 'light',\n  dark: 'dark',\n};\n\nclass Sheet extends React.Component {\n  constructor(props) {\n    super(props);\n\n    this.wrapperRef = React.createRef();\n    this.renderSheet = this.renderSheet.bind(this);\n  }\n\n  renderSheet() {\n    const { children, position, variant } = this.props;\n    return (\n      <div\n        className={classNames(\n          'pgn__sheet-component',\n          `pgn__sheet__${variant}`,\n          position,\n        )}\n        role=\"alert\"\n        aria-live=\"polite\"\n        aria-atomic=\"true\"\n      >\n        <div className=\"pgn__sheet-content\">\n          { children }\n        </div>\n      </div>\n    );\n  }\n\n  render() {\n    const {\n      blocking,\n      show,\n      onClose,\n    } = this.props;\n    if (!show) {\n      return null;\n    }\n    return (\n      <SheetContainer>\n        <div\n          className={classNames(\n            'pgn__sheet-skrim',\n            { hidden: !blocking },\n          )}\n          role=\"presentation\"\n        />\n        <FocusOn\n          onClickOutside={blocking ? () => {} : onClose}\n          onEscapeKey={blocking ? () => {} : onClose}\n          shards={[this.wrapperRef]}\n        >\n          {this.renderSheet()}\n        </FocusOn>\n      </SheetContainer>\n    );\n  }\n}\n\nSheet.propTypes = {\n  /** specifies whether the sheet provides a click-blocking scrim */\n  blocking: PropTypes.bool,\n  /** an element rendered inside the sheet */\n  children: PropTypes.node,\n  /** a string designating the sheet's position on the window */\n  position: PropTypes.oneOf([\n    POSITIONS.left,\n    POSITIONS.right,\n    POSITIONS.top,\n    POSITIONS.bottom,\n  ]),\n  /** Boolean used to control whether the Sheet shows. */\n  show: PropTypes.bool,\n  /** Specifies function that controls `show` value. */\n  onClose: PropTypes.func,\n  /** a string designating which version of the sheet to show (light vs dark) */\n  variant: PropTypes.oneOf([VARIANTS.light, VARIANTS.dark]),\n};\n\nSheet.defaultProps = {\n  blocking: false,\n  children: undefined,\n  position: POSITIONS.bottom,\n  show: true,\n  onClose: () => {},\n  variant: VARIANTS.light,\n};\n\nexport default Sheet;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","classNames","FocusOn","SheetContainer","POSITIONS","left","right","top","bottom","VARIANTS","light","dark","Sheet","Component","constructor","props","wrapperRef","createRef","renderSheet","bind","children","position","variant","className","createElement","role","render","blocking","show","onClose","containerClassName","hidden","onClickOutside","onEscapeKey","shards","propTypes","bool","node","string","oneOf","func","defaultProps","undefined"],"sources":["../../src/Sheet/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { FocusOn } from 'react-focus-on';\n\nimport SheetContainer from './SheetContainer';\n\nexport const POSITIONS = {\n  left: 'left',\n  right: 'right',\n  top: 'top',\n  bottom: 'bottom',\n};\n\nexport const VARIANTS = {\n  light: 'light',\n  dark: 'dark',\n};\n\nclass Sheet extends React.Component {\n  constructor(props) {\n    super(props);\n\n    this.wrapperRef = React.createRef();\n    this.renderSheet = this.renderSheet.bind(this);\n  }\n\n  renderSheet() {\n    const {\n      children, position, variant, className,\n    } = this.props;\n    return (\n      <div\n        className={classNames(\n          'pgn__sheet-component',\n          `pgn__sheet__${variant}`,\n          position,\n          className,\n        )}\n        role=\"alert\"\n        aria-live=\"polite\"\n        aria-atomic=\"true\"\n      >\n        <div className=\"pgn__sheet-content\">\n          { children }\n        </div>\n      </div>\n    );\n  }\n\n  render() {\n    const {\n      blocking,\n      show,\n      onClose,\n      containerClassName,\n    } = this.props;\n    if (!show) {\n      return null;\n    }\n    return (\n      <SheetContainer className={classNames(containerClassName)}>\n        <div\n          className={classNames(\n            'pgn__sheet-skrim',\n            { hidden: !blocking },\n          )}\n          role=\"presentation\"\n        />\n        <FocusOn\n          onClickOutside={blocking ? () => {} : onClose}\n          onEscapeKey={blocking ? () => {} : onClose}\n          shards={[this.wrapperRef]}\n        >\n          {this.renderSheet()}\n        </FocusOn>\n      </SheetContainer>\n    );\n  }\n}\n\nSheet.propTypes = {\n  /** specifies whether the sheet provides a click-blocking scrim */\n  blocking: PropTypes.bool,\n  /** an element rendered inside the sheet */\n  children: PropTypes.node,\n  /** A class that is appended to the sheet container element. */\n  containerClassName: PropTypes.string,\n  /** A class that is appended to the sheet element. */\n  className: PropTypes.string,\n  /** a string designating the sheet's position on the window */\n  position: PropTypes.oneOf([\n    POSITIONS.left,\n    POSITIONS.right,\n    POSITIONS.top,\n    POSITIONS.bottom,\n  ]),\n  /** Boolean used to control whether the Sheet shows. */\n  show: PropTypes.bool,\n  /** Specifies function that controls `show` value. */\n  onClose: PropTypes.func,\n  /** a string designating which version of the sheet to show (light vs dark) */\n  variant: PropTypes.oneOf([VARIANTS.light, VARIANTS.dark]),\n};\n\nSheet.defaultProps = {\n  blocking: false,\n  children: undefined,\n  position: POSITIONS.bottom,\n  show: true,\n  onClose: () => {},\n  variant: VARIANTS.light,\n  containerClassName: undefined,\n  className: undefined,\n};\n\nexport default Sheet;\n"],"mappings":"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","ignoreList":[]}

package/dist/Stack/index.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+interface StackProps {
+    /** Specifies the content of the `Stack`. */
+    children: React.ReactNode;
+    /** Specifies direction of the children blocks (column/row). */
+    direction?: 'horizontal' | 'vertical';
+    /**
+     * Specifies inner space between children blocks.
+     *
+     * Valid values are based on `the spacing classes`:
+     * `0, 0.5, ... 6`.
+     */
+    gap?: number;
+    /** Specifies the order of the children. */
+    reversed?: boolean;
+    /** Specifies an additional `className` to add to the base element. */
+    className?: string;
+}
+declare const Stack: React.ForwardRefExoticComponent<StackProps & React.RefAttributes<HTMLDivElement>>;
+export default Stack;

package/dist/Stack/index.js

@@ -1,11 +1,9 @@
 import React, { forwardRef } from 'react';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
-const DIRECTION_VARIANTS = ['horizontal', 'vertical'];
 const Stack = /*#__PURE__*/forwardRef(({
-  direction,
-  gap,
-  reversed,
+  direction = 'vertical',
+  gap = 0,
+  reversed = false,
   children,
   className,
   ...rest
@@ -14,28 +12,5 @@ const Stack = /*#__PURE__*/forwardRef(({
   className: classNames(direction === 'horizontal' ? 'pgn__hstack' : 'pgn__vstack', gap ? `pgn__stack-gap--${gap}` : '', reversed ? 'pgn__stack-reversed' : '', className),
   ...rest
 }, children));
-Stack.propTypes = {
-  /** Specifies the content of the `Stack`. */
-  children: PropTypes.node.isRequired,
-  /** Specifies direction of the children blocks (column/row). */
-  direction: PropTypes.oneOf(DIRECTION_VARIANTS),
-  /**
-   * Specifies inner space between children blocks.
-   *
-   * Valid values are based on `the spacing classes`:
-   * `0, 0.5, ... 6`.
-   */
-  gap: PropTypes.number,
-  /** Specifies the order of the children. */
-  reversed: PropTypes.bool,
-  /** Specifies an additional `className` to add to the base element. */
-  className: PropTypes.string
-};
-Stack.defaultProps = {
-  direction: 'vertical',
-  gap: 0,
-  className: undefined,
-  reversed: false
-};
 export default Stack;
 //# sourceMappingURL=index.js.map

package/dist/Stack/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","forwardRef","PropTypes","classNames","DIRECTION_VARIANTS","Stack","direction","gap","reversed","children","className","rest","ref","createElement","propTypes","node","isRequired","oneOf","number","bool","string","defaultProps","undefined"],"sources":["../../src/Stack/index.jsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nconst DIRECTION_VARIANTS = [\n  'horizontal',\n  'vertical',\n];\n\nconst Stack = forwardRef(({\n  direction,\n  gap,\n  reversed,\n  children,\n  className,\n  ...rest\n}, ref) => (\n  <div\n    ref={ref}\n    className={classNames(\n      direction === 'horizontal' ? 'pgn__hstack' : 'pgn__vstack',\n      gap ? `pgn__stack-gap--${gap}` : '',\n      reversed ? 'pgn__stack-reversed' : '',\n      className,\n    )}\n    {...rest}\n  >\n    {children}\n  </div>\n));\n\nStack.propTypes = {\n  /** Specifies the content of the `Stack`. */\n  children: PropTypes.node.isRequired,\n  /** Specifies direction of the children blocks (column/row). */\n  direction: PropTypes.oneOf(DIRECTION_VARIANTS),\n  /**\n   * Specifies inner space between children blocks.\n   *\n   * Valid values are based on `the spacing classes`:\n   * `0, 0.5, ... 6`.\n   */\n  gap: PropTypes.number,\n  /** Specifies the order of the children. */\n  reversed: PropTypes.bool,\n  /** Specifies an additional `className` to add to the base element. */\n  className: PropTypes.string,\n};\n\nStack.defaultProps = {\n  direction: 'vertical',\n  gap: 0,\n  className: undefined,\n  reversed: false,\n};\n\nexport default Stack;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,MAAMC,kBAAkB,GAAG,CACzB,YAAY,EACZ,UAAU,CACX;AAED,MAAMC,KAAK,gBAAGJ,UAAU,CAAC,CAAC;EACxBK,SAAS;EACTC,GAAG;EACHC,QAAQ;EACRC,QAAQ;EACRC,SAAS;EACT,GAAGC;AACL,CAAC,EAAEC,GAAG,kBACJZ,KAAA,CAAAa,aAAA;EACED,GAAG,EAAEA,GAAI;EACTF,SAAS,EAAEP,UAAU,CACnBG,SAAS,KAAK,YAAY,GAAG,aAAa,GAAG,aAAa,EAC1DC,GAAG,GAAG,mBAAmBA,GAAG,EAAE,GAAG,EAAE,EACnCC,QAAQ,GAAG,qBAAqB,GAAG,EAAE,EACrCE,SACF,CAAE;EAAA,GACEC;AAAI,GAEPF,QACE,CACN,CAAC;AAEFJ,KAAK,CAACS,SAAS,GAAG;EAChB;EACAL,QAAQ,EAAEP,SAAS,CAACa,IAAI,CAACC,UAAU;EACnC;EACAV,SAAS,EAAEJ,SAAS,CAACe,KAAK,CAACb,kBAAkB,CAAC;EAC9C;AACF;AACA;AACA;AACA;AACA;EACEG,GAAG,EAAEL,SAAS,CAACgB,MAAM;EACrB;EACAV,QAAQ,EAAEN,SAAS,CAACiB,IAAI;EACxB;EACAT,SAAS,EAAER,SAAS,CAACkB;AACvB,CAAC;AAEDf,KAAK,CAACgB,YAAY,GAAG;EACnBf,SAAS,EAAE,UAAU;EACrBC,GAAG,EAAE,CAAC;EACNG,SAAS,EAAEY,SAAS;EACpBd,QAAQ,EAAE;AACZ,CAAC;AAED,eAAeH,KAAK","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","forwardRef","classNames","Stack","direction","gap","reversed","children","className","rest","ref","createElement"],"sources":["../../src/Stack/index.tsx"],"sourcesContent":["import React, { forwardRef, ForwardedRef } from 'react';\nimport classNames from 'classnames';\n\ninterface StackProps {\n  /** Specifies the content of the `Stack`. */\n  children: React.ReactNode;\n  /** Specifies direction of the children blocks (column/row). */\n  direction?: 'horizontal' | 'vertical';\n  /**\n   * Specifies inner space between children blocks.\n   *\n   * Valid values are based on `the spacing classes`:\n   * `0, 0.5, ... 6`.\n   */\n  gap?: number;\n  /** Specifies the order of the children. */\n  reversed?: boolean;\n  /** Specifies an additional `className` to add to the base element. */\n  className?: string;\n}\n\nconst Stack = forwardRef(({\n  direction = 'vertical',\n  gap = 0,\n  reversed = false,\n  children,\n  className,\n  ...rest\n}: StackProps, ref: ForwardedRef<HTMLDivElement>) => (\n  <div\n    ref={ref}\n    className={classNames(\n      direction === 'horizontal' ? 'pgn__hstack' : 'pgn__vstack',\n      gap ? `pgn__stack-gap--${gap}` : '',\n      reversed ? 'pgn__stack-reversed' : '',\n      className,\n    )}\n    {...rest}\n  >\n    {children}\n  </div>\n));\n\nexport default Stack;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAsB,OAAO;AACvD,OAAOC,UAAU,MAAM,YAAY;AAoBnC,MAAMC,KAAK,gBAAGF,UAAU,CAAC,CAAC;EACxBG,SAAS,GAAG,UAAU;EACtBC,GAAG,GAAG,CAAC;EACPC,QAAQ,GAAG,KAAK;EAChBC,QAAQ;EACRC,SAAS;EACT,GAAGC;AACO,CAAC,EAAEC,GAAiC,kBAC9CV,KAAA,CAAAW,aAAA;EACED,GAAG,EAAEA,GAAI;EACTF,SAAS,EAAEN,UAAU,CACnBE,SAAS,KAAK,YAAY,GAAG,aAAa,GAAG,aAAa,EAC1DC,GAAG,GAAG,mBAAmBA,GAAG,EAAE,GAAG,EAAE,EACnCC,QAAQ,GAAG,qBAAqB,GAAG,EAAE,EACrCE,SACF,CAAE;EAAA,GACEC;AAAI,GAEPF,QACE,CACN,CAAC;AAEF,eAAeJ,KAAK","ignoreList":[]}

package/dist/Sticky/index.js

@@ -12,8 +12,6 @@ const Sticky = /*#__PURE__*/React.forwardRef(({
   const [isSticky, setIsSticky] = useState(false);
   const defaultRef = React.useRef();
   const resolvedRef = ref || defaultRef;
-
-  // eslint-disable-next-line consistent-return
   useLayoutEffect(() => {
     if (resolvedRef.current) {
       const stickyElement = resolvedRef.current;
@@ -34,6 +32,7 @@ const Sticky = /*#__PURE__*/React.forwardRef(({
         observer.unobserve(stickyElement);
       };
     }
+    return undefined;
   }, [position, resolvedRef]);
   return /*#__PURE__*/React.createElement("div", {
     className: classNames('pgn__sticky', `pgn__sticky-${position || 'top'}`, offset ? `pgn__sticky-offset--${offset}` : '', {

package/dist/Sticky/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useLayoutEffect","useState","PropTypes","classNames","POSITION_VARIANTS","Sticky","forwardRef","position","children","offset","className","rest","ref","isSticky","setIsSticky","defaultRef","useRef","resolvedRef","current","stickyElement","elementStyles","window","getComputedStyle","elementOffset","elementWithOffset","parseInt","observer","IntersectionObserver","entry","intersectionRatio","threshold","rootMargin","observe","unobserve","createElement","propTypes","node","isRequired","oneOf","oneOfType","number","string","defaultProps","undefined"],"sources":["../../src/Sticky/index.jsx"],"sourcesContent":["import React, { useLayoutEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nconst POSITION_VARIANTS = [\n  'top',\n  'bottom',\n];\n\nconst Sticky = React.forwardRef(({\n  position,\n  children,\n  offset,\n  className,\n  ...rest\n}, ref) => {\n  const [isSticky, setIsSticky] = useState(false);\n  const defaultRef = React.useRef();\n  const resolvedRef = ref || defaultRef;\n\n  // eslint-disable-next-line consistent-return\n  useLayoutEffect(() => {\n    if (resolvedRef.current) {\n      const stickyElement = resolvedRef.current;\n      // getComputedStyle is used to get real top/bottom\n      // values on the page for proper shadows display\n      const elementStyles = window.getComputedStyle(stickyElement);\n      const elementOffset = elementStyles[position || 'top'];\n      // Margin calculations according to the offset.\n      // 1 pixel above/bellow + offset pixels that determines\n      // when callback function is called\n      const elementWithOffset = 1 + (parseInt(elementOffset, 10) || 0);\n      const observer = new IntersectionObserver(\n        ([entry]) => setIsSticky(entry.intersectionRatio < 1),\n        {\n          threshold: [1],\n          rootMargin: position === 'bottom'\n            ? `0px 0px -${elementWithOffset}px 0px`\n            : `-${elementWithOffset}px 0px 0px 0px`,\n        },\n      );\n      observer.observe(stickyElement);\n\n      return () => {\n        observer.unobserve(stickyElement);\n      };\n    }\n  }, [position, resolvedRef]);\n\n  return (\n    <div\n      className={classNames(\n        'pgn__sticky',\n        `pgn__sticky-${position || 'top'}`,\n        offset ? `pgn__sticky-offset--${offset}` : '',\n        { 'pgn__sticky-shadow': isSticky },\n        className,\n      )}\n      ref={resolvedRef}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n});\n\nSticky.propTypes = {\n  /** Specifies content of the component. */\n  children: PropTypes.node.isRequired,\n  /** Specifies position of the element. */\n  position: PropTypes.oneOf(POSITION_VARIANTS),\n  /**\n   * Specifies offset from top/bottom depending on the `position` property.\n   *\n   * Valid values are based on `the spacing classes`:\n   * `0, 0.5, ... 6`.\n   */\n  offset: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  /** Specifies an additional `className` to add to the base element. */\n  className: PropTypes.string,\n};\n\nSticky.defaultProps = {\n  position: 'top',\n  offset: undefined,\n  className: undefined,\n};\n\nexport default Sticky;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,eAAe,EAAEC,QAAQ,QAAQ,OAAO;AACxD,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,MAAMC,iBAAiB,GAAG,CACxB,KAAK,EACL,QAAQ,CACT;AAED,MAAMC,MAAM,gBAAGN,KAAK,CAACO,UAAU,CAAC,CAAC;EAC/BC,QAAQ;EACRC,QAAQ;EACRC,MAAM;EACNC,SAAS;EACT,GAAGC;AACL,CAAC,EAAEC,GAAG,KAAK;EACT,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAGb,QAAQ,CAAC,KAAK,CAAC;EAC/C,MAAMc,UAAU,GAAGhB,KAAK,CAACiB,MAAM,CAAC,CAAC;EACjC,MAAMC,WAAW,GAAGL,GAAG,IAAIG,UAAU;;EAErC;EACAf,eAAe,CAAC,MAAM;IACpB,IAAIiB,WAAW,CAACC,OAAO,EAAE;MACvB,MAAMC,aAAa,GAAGF,WAAW,CAACC,OAAO;MACzC;MACA;MACA,MAAME,aAAa,GAAGC,MAAM,CAACC,gBAAgB,CAACH,aAAa,CAAC;MAC5D,MAAMI,aAAa,GAAGH,aAAa,CAACb,QAAQ,IAAI,KAAK,CAAC;MACtD;MACA;MACA;MACA,MAAMiB,iBAAiB,GAAG,CAAC,IAAIC,QAAQ,CAACF,aAAa,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC;MAChE,MAAMG,QAAQ,GAAG,IAAIC,oBAAoB,CACvC,CAAC,CAACC,KAAK,CAAC,KAAKd,WAAW,CAACc,KAAK,CAACC,iBAAiB,GAAG,CAAC,CAAC,EACrD;QACEC,SAAS,EAAE,CAAC,CAAC,CAAC;QACdC,UAAU,EAAExB,QAAQ,KAAK,QAAQ,GAC7B,YAAYiB,iBAAiB,QAAQ,GACrC,IAAIA,iBAAiB;MAC3B,CACF,CAAC;MACDE,QAAQ,CAACM,OAAO,CAACb,aAAa,CAAC;MAE/B,OAAO,MAAM;QACXO,QAAQ,CAACO,SAAS,CAACd,aAAa,CAAC;MACnC,CAAC;IACH;EACF,CAAC,EAAE,CAACZ,QAAQ,EAAEU,WAAW,CAAC,CAAC;EAE3B,oBACElB,KAAA,CAAAmC,aAAA;IACExB,SAAS,EAAEP,UAAU,CACnB,aAAa,EACb,eAAeI,QAAQ,IAAI,KAAK,EAAE,EAClCE,MAAM,GAAG,uBAAuBA,MAAM,EAAE,GAAG,EAAE,EAC7C;MAAE,oBAAoB,EAAEI;IAAS,CAAC,EAClCH,SACF,CAAE;IACFE,GAAG,EAAEK,WAAY;IAAA,GACbN;EAAI,GAEPH,QACE,CAAC;AAEV,CAAC,CAAC;AAEFH,MAAM,CAAC8B,SAAS,GAAG;EACjB;EACA3B,QAAQ,EAAEN,SAAS,CAACkC,IAAI,CAACC,UAAU;EACnC;EACA9B,QAAQ,EAAEL,SAAS,CAACoC,KAAK,CAAClC,iBAAiB,CAAC;EAC5C;AACF;AACA;AACA;AACA;AACA;EACEK,MAAM,EAAEP,SAAS,CAACqC,SAAS,CAAC,CAACrC,SAAS,CAACsC,MAAM,EAAEtC,SAAS,CAACuC,MAAM,CAAC,CAAC;EACjE;EACA/B,SAAS,EAAER,SAAS,CAACuC;AACvB,CAAC;AAEDpC,MAAM,CAACqC,YAAY,GAAG;EACpBnC,QAAQ,EAAE,KAAK;EACfE,MAAM,EAAEkC,SAAS;EACjBjC,SAAS,EAAEiC;AACb,CAAC;AAED,eAAetC,MAAM","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useLayoutEffect","useState","PropTypes","classNames","POSITION_VARIANTS","Sticky","forwardRef","position","children","offset","className","rest","ref","isSticky","setIsSticky","defaultRef","useRef","resolvedRef","current","stickyElement","elementStyles","window","getComputedStyle","elementOffset","elementWithOffset","parseInt","observer","IntersectionObserver","entry","intersectionRatio","threshold","rootMargin","observe","unobserve","undefined","createElement","propTypes","node","isRequired","oneOf","oneOfType","number","string","defaultProps"],"sources":["../../src/Sticky/index.jsx"],"sourcesContent":["import React, { useLayoutEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nconst POSITION_VARIANTS = [\n  'top',\n  'bottom',\n];\n\nconst Sticky = React.forwardRef(({\n  position,\n  children,\n  offset,\n  className,\n  ...rest\n}, ref) => {\n  const [isSticky, setIsSticky] = useState(false);\n  const defaultRef = React.useRef();\n  const resolvedRef = ref || defaultRef;\n\n  useLayoutEffect(() => {\n    if (resolvedRef.current) {\n      const stickyElement = resolvedRef.current;\n      // getComputedStyle is used to get real top/bottom\n      // values on the page for proper shadows display\n      const elementStyles = window.getComputedStyle(stickyElement);\n      const elementOffset = elementStyles[position || 'top'];\n      // Margin calculations according to the offset.\n      // 1 pixel above/bellow + offset pixels that determines\n      // when callback function is called\n      const elementWithOffset = 1 + (parseInt(elementOffset, 10) || 0);\n      const observer = new IntersectionObserver(\n        ([entry]) => setIsSticky(entry.intersectionRatio < 1),\n        {\n          threshold: [1],\n          rootMargin: position === 'bottom'\n            ? `0px 0px -${elementWithOffset}px 0px`\n            : `-${elementWithOffset}px 0px 0px 0px`,\n        },\n      );\n      observer.observe(stickyElement);\n\n      return () => {\n        observer.unobserve(stickyElement);\n      };\n    }\n    return undefined;\n  }, [position, resolvedRef]);\n\n  return (\n    <div\n      className={classNames(\n        'pgn__sticky',\n        `pgn__sticky-${position || 'top'}`,\n        offset ? `pgn__sticky-offset--${offset}` : '',\n        { 'pgn__sticky-shadow': isSticky },\n        className,\n      )}\n      ref={resolvedRef}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n});\n\nSticky.propTypes = {\n  /** Specifies content of the component. */\n  children: PropTypes.node.isRequired,\n  /** Specifies position of the element. */\n  position: PropTypes.oneOf(POSITION_VARIANTS),\n  /**\n   * Specifies offset from top/bottom depending on the `position` property.\n   *\n   * Valid values are based on `the spacing classes`:\n   * `0, 0.5, ... 6`.\n   */\n  offset: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  /** Specifies an additional `className` to add to the base element. */\n  className: PropTypes.string,\n};\n\nSticky.defaultProps = {\n  position: 'top',\n  offset: undefined,\n  className: undefined,\n};\n\nexport default Sticky;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,eAAe,EAAEC,QAAQ,QAAQ,OAAO;AACxD,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,MAAMC,iBAAiB,GAAG,CACxB,KAAK,EACL,QAAQ,CACT;AAED,MAAMC,MAAM,gBAAGN,KAAK,CAACO,UAAU,CAAC,CAAC;EAC/BC,QAAQ;EACRC,QAAQ;EACRC,MAAM;EACNC,SAAS;EACT,GAAGC;AACL,CAAC,EAAEC,GAAG,KAAK;EACT,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAGb,QAAQ,CAAC,KAAK,CAAC;EAC/C,MAAMc,UAAU,GAAGhB,KAAK,CAACiB,MAAM,CAAC,CAAC;EACjC,MAAMC,WAAW,GAAGL,GAAG,IAAIG,UAAU;EAErCf,eAAe,CAAC,MAAM;IACpB,IAAIiB,WAAW,CAACC,OAAO,EAAE;MACvB,MAAMC,aAAa,GAAGF,WAAW,CAACC,OAAO;MACzC;MACA;MACA,MAAME,aAAa,GAAGC,MAAM,CAACC,gBAAgB,CAACH,aAAa,CAAC;MAC5D,MAAMI,aAAa,GAAGH,aAAa,CAACb,QAAQ,IAAI,KAAK,CAAC;MACtD;MACA;MACA;MACA,MAAMiB,iBAAiB,GAAG,CAAC,IAAIC,QAAQ,CAACF,aAAa,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC;MAChE,MAAMG,QAAQ,GAAG,IAAIC,oBAAoB,CACvC,CAAC,CAACC,KAAK,CAAC,KAAKd,WAAW,CAACc,KAAK,CAACC,iBAAiB,GAAG,CAAC,CAAC,EACrD;QACEC,SAAS,EAAE,CAAC,CAAC,CAAC;QACdC,UAAU,EAAExB,QAAQ,KAAK,QAAQ,GAC7B,YAAYiB,iBAAiB,QAAQ,GACrC,IAAIA,iBAAiB;MAC3B,CACF,CAAC;MACDE,QAAQ,CAACM,OAAO,CAACb,aAAa,CAAC;MAE/B,OAAO,MAAM;QACXO,QAAQ,CAACO,SAAS,CAACd,aAAa,CAAC;MACnC,CAAC;IACH;IACA,OAAOe,SAAS;EAClB,CAAC,EAAE,CAAC3B,QAAQ,EAAEU,WAAW,CAAC,CAAC;EAE3B,oBACElB,KAAA,CAAAoC,aAAA;IACEzB,SAAS,EAAEP,UAAU,CACnB,aAAa,EACb,eAAeI,QAAQ,IAAI,KAAK,EAAE,EAClCE,MAAM,GAAG,uBAAuBA,MAAM,EAAE,GAAG,EAAE,EAC7C;MAAE,oBAAoB,EAAEI;IAAS,CAAC,EAClCH,SACF,CAAE;IACFE,GAAG,EAAEK,WAAY;IAAA,GACbN;EAAI,GAEPH,QACE,CAAC;AAEV,CAAC,CAAC;AAEFH,MAAM,CAAC+B,SAAS,GAAG;EACjB;EACA5B,QAAQ,EAAEN,SAAS,CAACmC,IAAI,CAACC,UAAU;EACnC;EACA/B,QAAQ,EAAEL,SAAS,CAACqC,KAAK,CAACnC,iBAAiB,CAAC;EAC5C;AACF;AACA;AACA;AACA;AACA;EACEK,MAAM,EAAEP,SAAS,CAACsC,SAAS,CAAC,CAACtC,SAAS,CAACuC,MAAM,EAAEvC,SAAS,CAACwC,MAAM,CAAC,CAAC;EACjE;EACAhC,SAAS,EAAER,SAAS,CAACwC;AACvB,CAAC;AAEDrC,MAAM,CAACsC,YAAY,GAAG;EACpBpC,QAAQ,EAAE,KAAK;EACfE,MAAM,EAAEyB,SAAS;EACjBxB,SAAS,EAAEwB;AACb,CAAC;AAED,eAAe7B,MAAM","ignoreList":[]}

package/dist/Tabs/Tab.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+interface TabProps {
+    /** Specifies the `Tab` navigation title. */
+    title: React.ReactNode;
+    /** Specifies notification bubble content. It appears on the top right of the `Tab`. */
+    notification?: React.ReactNode;
+    /** Specifies whether `Tab` is disabled. */
+    disabled?: boolean;
+    /**
+     * A unique identifier for the Component, the `eventKey` makes it distinguishable
+     * from others in a set. Similar to React's `key` prop, in that it only needs to be
+     * unique amongst the Components siblings, not globally.
+     */
+    eventKey?: string | number;
+    /** Specifies class name to append to the base element. */
+    tabClassName?: string;
+}
+declare function Tab(props: TabProps): import("react/jsx-runtime").JSX.Element;
+export default Tab;

package/dist/Tabs/Tab.js

@@ -1,32 +1,9 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 import BaseTab from 'react-bootstrap/Tab';
 function Tab(props) {
   return /*#__PURE__*/React.createElement(BaseTab, {
     ...props
   });
 }
-Tab.propTypes = {
-  /** Specifies the `Tab` navigation title. */
-  title: PropTypes.node.isRequired,
-  /** Specifies notification bubble content. It appears on the top right of the `Tab`. */
-  notification: PropTypes.node,
-  /** Specifies whether `Tab` is disabled. */
-  disabled: PropTypes.bool,
-  /**
-   * A unique identifier for the Component, the `eventKey` makes it distinguishable
-   * from others in a set. Similar to React's `key` prop, in that it only needs to be
-   * unique amongst the Components siblings, not globally.
-   */
-  eventKey: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  /** Specifies class name to append to the base element. */
-  tabClassName: PropTypes.string
-};
-Tab.defaultProps = {
-  notification: undefined,
-  disabled: undefined,
-  eventKey: undefined,
-  tabClassName: undefined
-};
 export default Tab;
 //# sourceMappingURL=Tab.js.map

package/dist/Tabs/Tab.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.js","names":["React","PropTypes","BaseTab","Tab","props","createElement","propTypes","title","node","isRequired","notification","disabled","bool","eventKey","oneOfType","string","number","tabClassName","defaultProps","undefined"],"sources":["../../src/Tabs/Tab.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport BaseTab from 'react-bootstrap/Tab';\n\nfunction Tab(props) {\n  return <BaseTab {...props} />;\n}\n\nTab.propTypes = {\n  /** Specifies the `Tab` navigation title. */\n  title: PropTypes.node.isRequired,\n  /** Specifies notification bubble content. It appears on the top right of the `Tab`. */\n  notification: PropTypes.node,\n  /** Specifies whether `Tab` is disabled. */\n  disabled: PropTypes.bool,\n  /**\n   * A unique identifier for the Component, the `eventKey` makes it distinguishable\n   * from others in a set. Similar to React's `key` prop, in that it only needs to be\n   * unique amongst the Components siblings, not globally.\n   */\n  eventKey: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  /** Specifies class name to append to the base element. */\n  tabClassName: PropTypes.string,\n};\n\nTab.defaultProps = {\n  notification: undefined,\n  disabled: undefined,\n  eventKey: undefined,\n  tabClassName: undefined,\n};\n\nexport default Tab;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,OAAO,MAAM,qBAAqB;AAEzC,SAASC,GAAGA,CAACC,KAAK,EAAE;EAClB,oBAAOJ,KAAA,CAAAK,aAAA,CAACH,OAAO;IAAA,GAAKE;EAAK,CAAG,CAAC;AAC/B;AAEAD,GAAG,CAACG,SAAS,GAAG;EACd;EACAC,KAAK,EAAEN,SAAS,CAACO,IAAI,CAACC,UAAU;EAChC;EACAC,YAAY,EAAET,SAAS,CAACO,IAAI;EAC5B;EACAG,QAAQ,EAAEV,SAAS,CAACW,IAAI;EACxB;AACF;AACA;AACA;AACA;EACEC,QAAQ,EAAEZ,SAAS,CAACa,SAAS,CAAC,CAACb,SAAS,CAACc,MAAM,EAAEd,SAAS,CAACe,MAAM,CAAC,CAAC;EACnE;EACAC,YAAY,EAAEhB,SAAS,CAACc;AAC1B,CAAC;AAEDZ,GAAG,CAACe,YAAY,GAAG;EACjBR,YAAY,EAAES,SAAS;EACvBR,QAAQ,EAAEQ,SAAS;EACnBN,QAAQ,EAAEM,SAAS;EACnBF,YAAY,EAAEE;AAChB,CAAC;AAED,eAAehB,GAAG","ignoreList":[]}
+{"version":3,"file":"Tab.js","names":["React","BaseTab","Tab","props","createElement"],"sources":["../../src/Tabs/Tab.tsx"],"sourcesContent":["import React from 'react';\nimport BaseTab from 'react-bootstrap/Tab';\n\ninterface TabProps {\n  /** Specifies the `Tab` navigation title. */\n  title: React.ReactNode;\n  /** Specifies notification bubble content. It appears on the top right of the `Tab`. */\n  notification?: React.ReactNode;\n  /** Specifies whether `Tab` is disabled. */\n  disabled?: boolean;\n  /**\n   * A unique identifier for the Component, the `eventKey` makes it distinguishable\n   * from others in a set. Similar to React's `key` prop, in that it only needs to be\n   * unique amongst the Components siblings, not globally.\n   */\n  eventKey?: string | number;\n  /** Specifies class name to append to the base element. */\n  tabClassName?: string;\n}\n\nfunction Tab(props: TabProps) {\n  return <BaseTab {...props} />;\n}\n\nexport default Tab;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,OAAO,MAAM,qBAAqB;AAmBzC,SAASC,GAAGA,CAACC,KAAe,EAAE;EAC5B,oBAAOH,KAAA,CAAAI,aAAA,CAACH,OAAO;IAAA,GAAKE;EAAK,CAAG,CAAC;AAC/B;AAEA,eAAeD,GAAG","ignoreList":[]}