@openedx/paragon 23.14.9 → 23.15.0

package/dist/Card/CardBody.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface CardBodyProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Specifies the content of the component. */
+    children?: React.ReactNode;
+    /** The class to append to the base element. */
+    className?: string;
+}
+declare const CardBody: React.ForwardRefExoticComponent<CardBodyProps & React.RefAttributes<HTMLDivElement>>;
+export default CardBody;

package/dist/Card/CardBody.js

@@ -1,5 +1,4 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
 const CardBody = /*#__PURE__*/React.forwardRef(({
   className,
@@ -10,15 +9,5 @@ const CardBody = /*#__PURE__*/React.forwardRef(({
   ref: ref,
   ...rest
 }, children));
-CardBody.propTypes = {
-  /** Specifies the content of the component. */
-  children: PropTypes.node,
-  /** The class to append to the base element. */
-  className: PropTypes.string
-};
-CardBody.defaultProps = {
-  children: undefined,
-  className: undefined
-};
 export default CardBody;
 //# sourceMappingURL=CardBody.js.map

package/dist/Card/CardBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardBody.js","names":["React","PropTypes","classNames","CardBody","forwardRef","className","children","rest","ref","createElement","propTypes","node","string","defaultProps","undefined"],"sources":["../../src/Card/CardBody.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nconst CardBody = React.forwardRef(({ className, children, ...rest }, ref) => (\n  <div className={classNames('pgn__card-body', className)} ref={ref} {...rest}>\n    {children}\n  </div>\n));\n\nCardBody.propTypes = {\n  /** Specifies the content of the component. */\n  children: PropTypes.node,\n  /** The class to append to the base element. */\n  className: PropTypes.string,\n};\n\nCardBody.defaultProps = {\n  children: undefined,\n  className: undefined,\n};\n\nexport default CardBody;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,MAAMC,QAAQ,gBAAGH,KAAK,CAACI,UAAU,CAAC,CAAC;EAAEC,SAAS;EAAEC,QAAQ;EAAE,GAAGC;AAAK,CAAC,EAAEC,GAAG,kBACtER,KAAA,CAAAS,aAAA;EAAKJ,SAAS,EAAEH,UAAU,CAAC,gBAAgB,EAAEG,SAAS,CAAE;EAACG,GAAG,EAAEA,GAAI;EAAA,GAAKD;AAAI,GACxED,QACE,CACN,CAAC;AAEFH,QAAQ,CAACO,SAAS,GAAG;EACnB;EACAJ,QAAQ,EAAEL,SAAS,CAACU,IAAI;EACxB;EACAN,SAAS,EAAEJ,SAAS,CAACW;AACvB,CAAC;AAEDT,QAAQ,CAACU,YAAY,GAAG;EACtBP,QAAQ,EAAEQ,SAAS;EACnBT,SAAS,EAAES;AACb,CAAC;AAED,eAAeX,QAAQ","ignoreList":[]}
+{"version":3,"file":"CardBody.js","names":["React","classNames","CardBody","forwardRef","className","children","rest","ref","createElement"],"sources":["../../src/Card/CardBody.tsx"],"sourcesContent":["import React, { ForwardedRef } from 'react';\nimport classNames from 'classnames';\n\ninterface CardBodyProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Specifies the content of the component. */\n  children?: React.ReactNode;\n  /** The class to append to the base element. */\n  className?: string;\n}\n\nconst CardBody = React.forwardRef(({\n  className, children, ...rest\n}: CardBodyProps, ref: ForwardedRef<HTMLDivElement>) => (\n  <div className={classNames('pgn__card-body', className)} ref={ref} {...rest}>\n    {children}\n  </div>\n));\n\nexport default CardBody;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAwB,OAAO;AAC3C,OAAOC,UAAU,MAAM,YAAY;AASnC,MAAMC,QAAQ,gBAAGF,KAAK,CAACG,UAAU,CAAC,CAAC;EACjCC,SAAS;EAAEC,QAAQ;EAAE,GAAGC;AACX,CAAC,EAAEC,GAAiC,kBACjDP,KAAA,CAAAQ,aAAA;EAAKJ,SAAS,EAAEH,UAAU,CAAC,gBAAgB,EAAEG,SAAS,CAAE;EAACG,GAAG,EAAEA,GAAI;EAAA,GAAKD;AAAI,GACxED,QACE,CACN,CAAC;AAEF,eAAeH,QAAQ","ignoreList":[]}

package/dist/Card/CardContext.d.ts

@@ -0,0 +1,17 @@
+import React, { ReactNode } from 'react';
+interface CardContextData {
+    /** Specifies which orientation to use. */
+    orientation: 'horizontal' | 'vertical';
+    /** Specifies loading state. */
+    isLoading: boolean;
+    /** Specifies `Card` style variant */
+    variant: 'light' | 'dark' | 'muted';
+}
+declare const CardContext: React.Context<CardContextData>;
+interface CardContextProviderProps extends Partial<CardContextData> {
+    /** Specifies content of the component. */
+    children?: ReactNode;
+}
+declare function CardContextProvider({ orientation, children, isLoading, variant, }: CardContextProviderProps): import("react/jsx-runtime").JSX.Element;
+export { CardContextProvider };
+export default CardContext;

package/dist/Card/CardContext.js

@@ -1,11 +1,14 @@
 import React, { createContext } from 'react';
-import PropTypes from 'prop-types';
-const CardContext = /*#__PURE__*/createContext({});
+const CardContext = /*#__PURE__*/createContext({
+  orientation: 'vertical',
+  isLoading: false,
+  variant: 'light'
+});
 function CardContextProvider({
-  orientation,
+  orientation = 'vertical',
   children,
-  isLoading,
-  variant
+  isLoading = false,
+  variant = 'light'
 }) {
   return /*#__PURE__*/React.createElement(CardContext.Provider, {
     value: {
@@ -15,22 +18,6 @@ function CardContextProvider({
     }
   }, children);
 }
-CardContextProvider.propTypes = {
-  /** Specifies which orientation to use. */
-  orientation: PropTypes.oneOf(['horizontal', 'vertical']),
-  /** Specifies loading state. */
-  isLoading: PropTypes.bool,
-  /** Specifies content of the component. */
-  children: PropTypes.node,
-  /** Specifies `Card` style variant */
-  variant: PropTypes.oneOf(['light', 'dark', 'muted'])
-};
-CardContextProvider.defaultProps = {
-  orientation: 'vertical',
-  isLoading: false,
-  children: null,
-  variant: 'light'
-};
 export { CardContextProvider };
 export default CardContext;
 //# sourceMappingURL=CardContext.js.map

package/dist/Card/CardContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardContext.js","names":["React","createContext","PropTypes","CardContext","CardContextProvider","orientation","children","isLoading","variant","createElement","Provider","value","propTypes","oneOf","bool","node","defaultProps"],"sources":["../../src/Card/CardContext.jsx"],"sourcesContent":["import React, { createContext } from 'react';\nimport PropTypes from 'prop-types';\n\nconst CardContext = createContext({});\n\nfunction CardContextProvider({\n  orientation,\n  children,\n  isLoading,\n  variant,\n}) {\n  return (\n    <CardContext.Provider value={{ orientation, isLoading, variant }}>\n      {children}\n    </CardContext.Provider>\n  );\n}\n\nCardContextProvider.propTypes = {\n  /** Specifies which orientation to use. */\n  orientation: PropTypes.oneOf(['horizontal', 'vertical']),\n  /** Specifies loading state. */\n  isLoading: PropTypes.bool,\n  /** Specifies content of the component. */\n  children: PropTypes.node,\n  /** Specifies `Card` style variant */\n  variant: PropTypes.oneOf(['light', 'dark', 'muted']),\n};\n\nCardContextProvider.defaultProps = {\n  orientation: 'vertical',\n  isLoading: false,\n  children: null,\n  variant: 'light',\n};\n\nexport { CardContextProvider };\nexport default CardContext;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,QAAQ,OAAO;AAC5C,OAAOC,SAAS,MAAM,YAAY;AAElC,MAAMC,WAAW,gBAAGF,aAAa,CAAC,CAAC,CAAC,CAAC;AAErC,SAASG,mBAAmBA,CAAC;EAC3BC,WAAW;EACXC,QAAQ;EACRC,SAAS;EACTC;AACF,CAAC,EAAE;EACD,oBACER,KAAA,CAAAS,aAAA,CAACN,WAAW,CAACO,QAAQ;IAACC,KAAK,EAAE;MAAEN,WAAW;MAAEE,SAAS;MAAEC;IAAQ;EAAE,GAC9DF,QACmB,CAAC;AAE3B;AAEAF,mBAAmB,CAACQ,SAAS,GAAG;EAC9B;EACAP,WAAW,EAAEH,SAAS,CAACW,KAAK,CAAC,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;EACxD;EACAN,SAAS,EAAEL,SAAS,CAACY,IAAI;EACzB;EACAR,QAAQ,EAAEJ,SAAS,CAACa,IAAI;EACxB;EACAP,OAAO,EAAEN,SAAS,CAACW,KAAK,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC;AACrD,CAAC;AAEDT,mBAAmB,CAACY,YAAY,GAAG;EACjCX,WAAW,EAAE,UAAU;EACvBE,SAAS,EAAE,KAAK;EAChBD,QAAQ,EAAE,IAAI;EACdE,OAAO,EAAE;AACX,CAAC;AAED,SAASJ,mBAAmB;AAC5B,eAAeD,WAAW","ignoreList":[]}
+{"version":3,"file":"CardContext.js","names":["React","createContext","CardContext","orientation","isLoading","variant","CardContextProvider","children","createElement","Provider","value"],"sources":["../../src/Card/CardContext.tsx"],"sourcesContent":["import React, { createContext, ReactNode } from 'react';\n\ninterface CardContextData {\n  /** Specifies which orientation to use. */\n  orientation: 'horizontal' | 'vertical';\n  /** Specifies loading state. */\n  isLoading: boolean;\n  /** Specifies `Card` style variant */\n  variant: 'light' | 'dark' | 'muted';\n}\n\nconst CardContext = createContext<CardContextData>({\n  orientation: 'vertical',\n  isLoading: false,\n  variant: 'light',\n});\n\ninterface CardContextProviderProps extends Partial<CardContextData> {\n  /** Specifies content of the component. */\n  children?: ReactNode;\n}\n\nfunction CardContextProvider({\n  orientation = 'vertical',\n  children,\n  isLoading = false,\n  variant = 'light',\n}: CardContextProviderProps) {\n  return (\n    <CardContext.Provider value={{ orientation, isLoading, variant }}>\n      {children}\n    </CardContext.Provider>\n  );\n}\n\nexport { CardContextProvider };\nexport default CardContext;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,QAAmB,OAAO;AAWvD,MAAMC,WAAW,gBAAGD,aAAa,CAAkB;EACjDE,WAAW,EAAE,UAAU;EACvBC,SAAS,EAAE,KAAK;EAChBC,OAAO,EAAE;AACX,CAAC,CAAC;AAOF,SAASC,mBAAmBA,CAAC;EAC3BH,WAAW,GAAG,UAAU;EACxBI,QAAQ;EACRH,SAAS,GAAG,KAAK;EACjBC,OAAO,GAAG;AACc,CAAC,EAAE;EAC3B,oBACEL,KAAA,CAAAQ,aAAA,CAACN,WAAW,CAACO,QAAQ;IAACC,KAAK,EAAE;MAAEP,WAAW;MAAEC,SAAS;MAAEC;IAAQ;EAAE,GAC9DE,QACmB,CAAC;AAE3B;AAEA,SAASD,mBAAmB;AAC5B,eAAeJ,WAAW","ignoreList":[]}

package/dist/Card/CardDivider.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface CardDividerProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Specifies class name to append to the base element. */
+    className?: string;
+}
+declare const CardDivider: React.ForwardRefExoticComponent<CardDividerProps & React.RefAttributes<HTMLDivElement>>;
+export default CardDivider;

package/dist/Card/CardDivider.js

@@ -1,7 +1,6 @@
-import React from 'react';
-import PropTypes from 'prop-types';
+import React, { forwardRef } from 'react';
 import classNames from 'classnames';
-const CardDivider = /*#__PURE__*/React.forwardRef(({
+const CardDivider = /*#__PURE__*/forwardRef(({
   className,
   ...props
 }, ref) => /*#__PURE__*/React.createElement("div", {
@@ -9,12 +8,5 @@ const CardDivider = /*#__PURE__*/React.forwardRef(({
   ref: ref,
   ...props
 }));
-CardDivider.propTypes = {
-  /** Specifies class name to append to the base element. */
-  className: PropTypes.string
-};
-CardDivider.defaultProps = {
-  className: undefined
-};
 export default CardDivider;
 //# sourceMappingURL=CardDivider.js.map

package/dist/Card/CardDivider.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardDivider.js","names":["React","PropTypes","classNames","CardDivider","forwardRef","className","props","ref","createElement","propTypes","string","defaultProps","undefined"],"sources":["../../src/Card/CardDivider.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nconst CardDivider = React.forwardRef(({ className, ...props }, ref) => (\n  <div className={classNames('pgn__card-divider', className)} ref={ref} {...props} />\n));\n\nCardDivider.propTypes = {\n  /** Specifies class name to append to the base element. */\n  className: PropTypes.string,\n};\n\nCardDivider.defaultProps = {\n  className: undefined,\n};\n\nexport default CardDivider;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,MAAMC,WAAW,gBAAGH,KAAK,CAACI,UAAU,CAAC,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,kBAChEP,KAAA,CAAAQ,aAAA;EAAKH,SAAS,EAAEH,UAAU,CAAC,mBAAmB,EAAEG,SAAS,CAAE;EAACE,GAAG,EAAEA,GAAI;EAAA,GAAKD;AAAK,CAAG,CACnF,CAAC;AAEFH,WAAW,CAACM,SAAS,GAAG;EACtB;EACAJ,SAAS,EAAEJ,SAAS,CAACS;AACvB,CAAC;AAEDP,WAAW,CAACQ,YAAY,GAAG;EACzBN,SAAS,EAAEO;AACb,CAAC;AAED,eAAeT,WAAW","ignoreList":[]}
+{"version":3,"file":"CardDivider.js","names":["React","forwardRef","classNames","CardDivider","className","props","ref","createElement"],"sources":["../../src/Card/CardDivider.tsx"],"sourcesContent":["import React, { forwardRef, ForwardedRef } from 'react';\nimport classNames from 'classnames';\n\ninterface CardDividerProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Specifies class name to append to the base element. */\n  className?: string;\n}\n\nconst CardDivider = forwardRef(({ className, ...props }: CardDividerProps, ref: ForwardedRef<HTMLDivElement>) => (\n  <div className={classNames('pgn__card-divider', className)} ref={ref} {...props} />\n));\n\nexport default CardDivider;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAsB,OAAO;AACvD,OAAOC,UAAU,MAAM,YAAY;AAOnC,MAAMC,WAAW,gBAAGF,UAAU,CAAC,CAAC;EAAEG,SAAS;EAAE,GAAGC;AAAwB,CAAC,EAAEC,GAAiC,kBAC1GN,KAAA,CAAAO,aAAA;EAAKH,SAAS,EAAEF,UAAU,CAAC,mBAAmB,EAAEE,SAAS,CAAE;EAACE,GAAG,EAAEA,GAAI;EAAA,GAAKD;AAAK,CAAG,CACnF,CAAC;AAEF,eAAeF,WAAW","ignoreList":[]}

package/dist/Card/CardFallbackDefaultImage.d.ts

@@ -0,0 +1 @@
+export declare const cardSrcFallbackImg = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAXwAAACMCAYAAAB/AhJnAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAH6SURBVHgB7dRBEYBADACxwuDf5j0QUXywiYhc7zk7APzd3gNAgvABIoQPECF8gAjhA0QIHyBC+AARwgeIED5AhPABIoQPECF8gAjhA0QIHyBC+AARwgeIED5AhPABIoQPECF8gAjhA0QIHyBC+AARwgeIED5AhPABIoQPECF8gAjhA0QIHyBC+AARwgeIED5AhPABIoQPECF8gAjhA0QIHyBC+AARwgeIED5AhPABIoQPECF8gAjhA0QIHyBC+AARwgeIED5AhPABIoQPECF8gAjhA0QIHyBC+AARwgeIED5AhPABIoQPECF8gAjhA0QIHyBC+AARwgeIED5AhPABIoQPECF8gAjhA0QIHyBC+AARwgeIED5AhPABIoQPECF8gAjhA0QIHyBC+AARwgeIED5AhPABIoQPECF8gAjhA0QIHyBC+AARwgeIED5AhPABIoQPECF8gAjhA0QIHyBC+AARwgeIED5AhPABIoQPECF8gAjhA0QIHyBC+AARwgeIED5AhPABIoQPECF8gAjhA0QIHyBC+AARwgeIED5AhPABIoQPECF8gAjhA0QIHyBC+AARwgeIED5AhPABIoQPECF8gAjhA0QIHyBC+AARwgeIED5AhPABIoQPECF8gAjhA0QIHyBC+AARwgeIED5AhPABIp4BaNpp2Q/3/wfPkGyXOQAAAABJRU5ErkJggg==";

package/dist/Card/CardFallbackDefaultImage.js

@@ -1 +1,2 @@
 export const cardSrcFallbackImg = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAXwAAACMCAYAAAB/AhJnAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAH6SURBVHgB7dRBEYBADACxwuDf5j0QUXywiYhc7zk7APzd3gNAgvABIoQPECF8gAjhA0QIHyBC+AARwgeIED5AhPABIoQPECF8gAjhA0QIHyBC+AARwgeIED5AhPABIoQPECF8gAjhA0QIHyBC+AARwgeIED5AhPABIoQPECF8gAjhA0QIHyBC+AARwgeIED5AhPABIoQPECF8gAjhA0QIHyBC+AARwgeIED5AhPABIoQPECF8gAjhA0QIHyBC+AARwgeIED5AhPABIoQPECF8gAjhA0QIHyBC+AARwgeIED5AhPABIoQPECF8gAjhA0QIHyBC+AARwgeIED5AhPABIoQPECF8gAjhA0QIHyBC+AARwgeIED5AhPABIoQPECF8gAjhA0QIHyBC+AARwgeIED5AhPABIoQPECF8gAjhA0QIHyBC+AARwgeIED5AhPABIoQPECF8gAjhA0QIHyBC+AARwgeIED5AhPABIoQPECF8gAjhA0QIHyBC+AARwgeIED5AhPABIoQPECF8gAjhA0QIHyBC+AARwgeIED5AhPABIoQPECF8gAjhA0QIHyBC+AARwgeIED5AhPABIoQPECF8gAjhA0QIHyBC+AARwgeIED5AhPABIoQPECF8gAjhA0QIHyBC+AARwgeIED5AhPABIp4BaNpp2Q/3/wfPkGyXOQAAAABJRU5ErkJggg==';
+//# sourceMappingURL=CardFallbackDefaultImage.js.map

package/dist/Card/CardFallbackDefaultImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardFallbackDefaultImage.js","names":["cardSrcFallbackImg"],"sources":["../../src/Card/CardFallbackDefaultImage.ts"],"sourcesContent":["export const cardSrcFallbackImg = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAXwAAACMCAYAAAB/AhJnAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAH6SURBVHgB7dRBEYBADACxwuDf5j0QUXywiYhc7zk7APzd3gNAgvABIoQPECF8gAjhA0QIHyBC+AARwgeIED5AhPABIoQPECF8gAjhA0QIHyBC+AARwgeIED5AhPABIoQPECF8gAjhA0QIHyBC+AARwgeIED5AhPABIoQPECF8gAjhA0QIHyBC+AARwgeIED5AhPABIoQPECF8gAjhA0QIHyBC+AARwgeIED5AhPABIoQPECF8gAjhA0QIHyBC+AARwgeIED5AhPABIoQPECF8gAjhA0QIHyBC+AARwgeIED5AhPABIoQPECF8gAjhA0QIHyBC+AARwgeIED5AhPABIoQPECF8gAjhA0QIHyBC+AARwgeIED5AhPABIoQPECF8gAjhA0QIHyBC+AARwgeIED5AhPABIoQPECF8gAjhA0QIHyBC+AARwgeIED5AhPABIoQPECF8gAjhA0QIHyBC+AARwgeIED5AhPABIoQPECF8gAjhA0QIHyBC+AARwgeIED5AhPABIoQPECF8gAjhA0QIHyBC+AARwgeIED5AhPABIoQPECF8gAjhA0QIHyBC+AARwgeIED5AhPABIoQPECF8gAjhA0QIHyBC+AARwgeIED5AhPABIoQPECF8gAjhA0QIHyBC+AARwgeIED5AhPABIp4BaNpp2Q/3/wfPkGyXOQAAAABJRU5ErkJggg==';\n"],"mappings":"AAAA,OAAO,MAAMA,kBAAkB,GAAG,40BAA40B","ignoreList":[]}

package/dist/Card/CardGrid.d.ts

@@ -0,0 +1,22 @@
+import { ReactNode } from 'react';
+interface CardGridProps {
+    /** The class name for the CardGrid component */
+    className?: string;
+    /** The Card components to organize into a responsive grid */
+    children: ReactNode;
+    /**
+     * An object containing the desired column size at each breakpoint, following a similar
+     * props API as ``react-bootstrap/Col``
+     */
+    columnSizes?: {
+        xs?: number;
+        sm?: number;
+        md?: number;
+        lg?: number;
+        xl?: number;
+    };
+    /** Whether to disable the default equal height cards across rows in the card grid */
+    hasEqualColumnHeights?: boolean;
+}
+declare function CardGrid({ className, children, columnSizes, hasEqualColumnHeights, }: CardGridProps): import("react/jsx-runtime").JSX.Element;
+export default CardGrid;

package/dist/Card/CardGrid.js

@@ -1,13 +1,16 @@
 import React, { useMemo } from 'react';
 import classNames from 'classnames';
-import PropTypes from 'prop-types';
 import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
 function CardGrid({
   className,
   children,
-  columnSizes,
-  hasEqualColumnHeights
+  columnSizes = {
+    sm: 12,
+    lg: 6,
+    xl: 4
+  },
+  hasEqualColumnHeights = true
 }) {
   const cards = useMemo(() => React.Children.map(children, card => /*#__PURE__*/React.createElement(Col, {
     ...columnSizes,
@@ -19,33 +22,5 @@ function CardGrid({
     className: classNames('pgn__card-grid', className)
   }, /*#__PURE__*/React.createElement(Row, null, cards));
 }
-CardGrid.propTypes = {
-  /** The class name for the CardGrid component */
-  className: PropTypes.string,
-  /** The Card components to organize into a responsive grid */
-  children: PropTypes.node.isRequired,
-  /**
-   * An object containing the desired column size at each breakpoint, following a similar
-   * props API as ``react-bootstrap/Col``
-   */
-  columnSizes: PropTypes.shape({
-    xs: PropTypes.number,
-    sm: PropTypes.number,
-    md: PropTypes.number,
-    lg: PropTypes.number,
-    xl: PropTypes.number
-  }),
-  /** Whether to disable the default equal height cards across rows in the card grid */
-  hasEqualColumnHeights: PropTypes.bool
-};
-CardGrid.defaultProps = {
-  className: undefined,
-  columnSizes: {
-    sm: 12,
-    lg: 6,
-    xl: 4
-  },
-  hasEqualColumnHeights: true
-};
 export default CardGrid;
 //# sourceMappingURL=CardGrid.js.map

package/dist/Card/CardGrid.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardGrid.js","names":["React","useMemo","classNames","PropTypes","Row","Col","CardGrid","className","children","columnSizes","hasEqualColumnHeights","cards","Children","map","card","createElement","propTypes","string","node","isRequired","shape","xs","number","sm","md","lg","xl","bool","defaultProps","undefined"],"sources":["../../src/Card/CardGrid.jsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport Row from 'react-bootstrap/Row';\nimport Col from 'react-bootstrap/Col';\n\nfunction CardGrid({\n  className,\n  children,\n  columnSizes,\n  hasEqualColumnHeights,\n}) {\n  const cards = useMemo(\n    () => React.Children.map(children, (card) => (\n      <Col\n        {...columnSizes}\n        className={classNames(\n          'pgn__card-grid__card-item',\n          {\n            'pgn__card__disable-equal-column-heights': !hasEqualColumnHeights,\n          },\n        )}\n      >\n        {card}\n      </Col>\n    )),\n    [children, columnSizes, hasEqualColumnHeights],\n  );\n\n  return (\n    <div className={classNames('pgn__card-grid', className)}>\n      <Row>\n        {cards}\n      </Row>\n    </div>\n  );\n}\n\nCardGrid.propTypes = {\n  /** The class name for the CardGrid component */\n  className: PropTypes.string,\n  /** The Card components to organize into a responsive grid */\n  children: PropTypes.node.isRequired,\n  /**\n   * An object containing the desired column size at each breakpoint, following a similar\n   * props API as ``react-bootstrap/Col``\n   */\n  columnSizes: PropTypes.shape({\n    xs: PropTypes.number,\n    sm: PropTypes.number,\n    md: PropTypes.number,\n    lg: PropTypes.number,\n    xl: PropTypes.number,\n  }),\n  /** Whether to disable the default equal height cards across rows in the card grid */\n  hasEqualColumnHeights: PropTypes.bool,\n};\n\nCardGrid.defaultProps = {\n  className: undefined,\n  columnSizes: {\n    sm: 12,\n    lg: 6,\n    xl: 4,\n  },\n  hasEqualColumnHeights: true,\n};\n\nexport default CardGrid;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,GAAG,MAAM,qBAAqB;AACrC,OAAOC,GAAG,MAAM,qBAAqB;AAErC,SAASC,QAAQA,CAAC;EAChBC,SAAS;EACTC,QAAQ;EACRC,WAAW;EACXC;AACF,CAAC,EAAE;EACD,MAAMC,KAAK,GAAGV,OAAO,CACnB,MAAMD,KAAK,CAACY,QAAQ,CAACC,GAAG,CAACL,QAAQ,EAAGM,IAAI,iBACtCd,KAAA,CAAAe,aAAA,CAACV,GAAG;IAAA,GACEI,WAAW;IACfF,SAAS,EAAEL,UAAU,CACnB,2BAA2B,EAC3B;MACE,yCAAyC,EAAE,CAACQ;IAC9C,CACF;EAAE,GAEDI,IACE,CACN,CAAC,EACF,CAACN,QAAQ,EAAEC,WAAW,EAAEC,qBAAqB,CAC/C,CAAC;EAED,oBACEV,KAAA,CAAAe,aAAA;IAAKR,SAAS,EAAEL,UAAU,CAAC,gBAAgB,EAAEK,SAAS;EAAE,gBACtDP,KAAA,CAAAe,aAAA,CAACX,GAAG,QACDO,KACE,CACF,CAAC;AAEV;AAEAL,QAAQ,CAACU,SAAS,GAAG;EACnB;EACAT,SAAS,EAAEJ,SAAS,CAACc,MAAM;EAC3B;EACAT,QAAQ,EAAEL,SAAS,CAACe,IAAI,CAACC,UAAU;EACnC;AACF;AACA;AACA;EACEV,WAAW,EAAEN,SAAS,CAACiB,KAAK,CAAC;IAC3BC,EAAE,EAAElB,SAAS,CAACmB,MAAM;IACpBC,EAAE,EAAEpB,SAAS,CAACmB,MAAM;IACpBE,EAAE,EAAErB,SAAS,CAACmB,MAAM;IACpBG,EAAE,EAAEtB,SAAS,CAACmB,MAAM;IACpBI,EAAE,EAAEvB,SAAS,CAACmB;EAChB,CAAC,CAAC;EACF;EACAZ,qBAAqB,EAAEP,SAAS,CAACwB;AACnC,CAAC;AAEDrB,QAAQ,CAACsB,YAAY,GAAG;EACtBrB,SAAS,EAAEsB,SAAS;EACpBpB,WAAW,EAAE;IACXc,EAAE,EAAE,EAAE;IACNE,EAAE,EAAE,CAAC;IACLC,EAAE,EAAE;EACN,CAAC;EACDhB,qBAAqB,EAAE;AACzB,CAAC;AAED,eAAeJ,QAAQ","ignoreList":[]}
+{"version":3,"file":"CardGrid.js","names":["React","useMemo","classNames","Row","Col","CardGrid","className","children","columnSizes","sm","lg","xl","hasEqualColumnHeights","cards","Children","map","card","createElement"],"sources":["../../src/Card/CardGrid.tsx"],"sourcesContent":["import React, { useMemo, ReactNode } from 'react';\nimport classNames from 'classnames';\nimport Row from 'react-bootstrap/Row';\nimport Col from 'react-bootstrap/Col';\n\ninterface CardGridProps {\n  /** The class name for the CardGrid component */\n  className?: string;\n  /** The Card components to organize into a responsive grid */\n  children: ReactNode;\n  /**\n   * An object containing the desired column size at each breakpoint, following a similar\n   * props API as ``react-bootstrap/Col``\n   */\n  columnSizes?: {\n    xs?: number;\n    sm?: number;\n    md?: number;\n    lg?: number;\n    xl?: number;\n  };\n  /** Whether to disable the default equal height cards across rows in the card grid */\n  hasEqualColumnHeights?: boolean;\n}\n\nfunction CardGrid({\n  className,\n  children,\n  columnSizes = {\n    sm: 12,\n    lg: 6,\n    xl: 4,\n  },\n  hasEqualColumnHeights = true,\n}: CardGridProps) {\n  const cards = useMemo(\n    () => React.Children.map(children, (card) => (\n      <Col\n        {...columnSizes}\n        className={classNames(\n          'pgn__card-grid__card-item',\n          {\n            'pgn__card__disable-equal-column-heights': !hasEqualColumnHeights,\n          },\n        )}\n      >\n        {card}\n      </Col>\n    )),\n    [children, columnSizes, hasEqualColumnHeights],\n  );\n\n  return (\n    <div className={classNames('pgn__card-grid', className)}>\n      <Row>\n        {cards}\n      </Row>\n    </div>\n  );\n}\n\nexport default CardGrid;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAmB,OAAO;AACjD,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,GAAG,MAAM,qBAAqB;AACrC,OAAOC,GAAG,MAAM,qBAAqB;AAsBrC,SAASC,QAAQA,CAAC;EAChBC,SAAS;EACTC,QAAQ;EACRC,WAAW,GAAG;IACZC,EAAE,EAAE,EAAE;IACNC,EAAE,EAAE,CAAC;IACLC,EAAE,EAAE;EACN,CAAC;EACDC,qBAAqB,GAAG;AACX,CAAC,EAAE;EAChB,MAAMC,KAAK,GAAGZ,OAAO,CACnB,MAAMD,KAAK,CAACc,QAAQ,CAACC,GAAG,CAACR,QAAQ,EAAGS,IAAI,iBACtChB,KAAA,CAAAiB,aAAA,CAACb,GAAG;IAAA,GACEI,WAAW;IACfF,SAAS,EAAEJ,UAAU,CACnB,2BAA2B,EAC3B;MACE,yCAAyC,EAAE,CAACU;IAC9C,CACF;EAAE,GAEDI,IACE,CACN,CAAC,EACF,CAACT,QAAQ,EAAEC,WAAW,EAAEI,qBAAqB,CAC/C,CAAC;EAED,oBACEZ,KAAA,CAAAiB,aAAA;IAAKX,SAAS,EAAEJ,UAAU,CAAC,gBAAgB,EAAEI,SAAS;EAAE,gBACtDN,KAAA,CAAAiB,aAAA,CAACd,GAAG,QACDU,KACE,CACF,CAAC;AAEV;AAEA,eAAeR,QAAQ","ignoreList":[]}

package/dist/DataTable/DataTableContext.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const DataTableContext: import("react").Context<{}>;
+export default DataTableContext;

package/dist/DataTable/DataTableContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataTableContext.js","names":["createContext","DataTableContext"],"sources":["../../src/DataTable/DataTableContext.jsx"],"sourcesContent":["import { createContext } from 'react';\n\nconst DataTableContext = createContext({});\n\nexport default DataTableContext;\n"],"mappings":"AAAA,SAASA,aAAa,QAAQ,OAAO;AAErC,MAAMC,gBAAgB,gBAAGD,aAAa,CAAC,CAAC,CAAC,CAAC;AAE1C,eAAeC,gBAAgB","ignoreList":[]}
+{"version":3,"file":"DataTableContext.js","names":["createContext","DataTableContext"],"sources":["../../src/DataTable/DataTableContext.tsx"],"sourcesContent":["import { createContext } from 'react';\n\nconst DataTableContext = createContext({});\n\nexport default DataTableContext;\n"],"mappings":"AAAA,SAASA,aAAa,QAAQ,OAAO;AAErC,MAAMC,gBAAgB,gBAAGD,aAAa,CAAC,CAAC,CAAC,CAAC;AAE1C,eAAeC,gBAAgB","ignoreList":[]}

package/dist/DataTable/TableCell.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode, TdHTMLAttributes } from 'react';
+interface TableCellProps {
+    /** Props for the td element */
+    getCellProps: () => TdHTMLAttributes<HTMLTableCellElement>;
+    /** Function that renders the cell contents. Will be called with the string 'Cell' */
+    render: (type: 'Cell') => ReactNode;
+    /** Table column */
+    column: {
+        /** Class(es) to be applied to the cells in the given column */
+        cellClassName?: string;
+    };
+}
+declare function TableCell({ getCellProps, render, column }: TableCellProps): import("react/jsx-runtime").JSX.Element;
+export default TableCell;

package/dist/DataTable/TableCell.js

@@ -1,5 +1,4 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
 function TableCell({
   getCellProps,
@@ -15,16 +14,5 @@ function TableCell({
     className: classNames('pgn__data-table-cell-wrap', className, column.cellClassName)
   }, render('Cell'));
 }
-TableCell.propTypes = {
-  /** Props for the td element */
-  getCellProps: PropTypes.func.isRequired,
-  /** Function that renders the cell contents. Will be called with the string 'Cell' */
-  render: PropTypes.func.isRequired,
-  /** Table column */
-  column: PropTypes.shape({
-    /** Class(es) to be applied to the cells in the given column */
-    cellClassName: PropTypes.string
-  }).isRequired
-};
 export default TableCell;
 //# sourceMappingURL=TableCell.js.map

package/dist/DataTable/TableCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableCell.js","names":["React","PropTypes","classNames","TableCell","getCellProps","render","column","className","rest","createElement","cellClassName","propTypes","func","isRequired","shape","string"],"sources":["../../src/DataTable/TableCell.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nfunction TableCell({ getCellProps, render, column }) {\n  const { className, ...rest } = getCellProps();\n  return (\n    <td {...rest} className={classNames('pgn__data-table-cell-wrap', className, column.cellClassName)}>\n      {render('Cell')}\n    </td>\n  );\n}\n\nTableCell.propTypes = {\n  /** Props for the td element */\n  getCellProps: PropTypes.func.isRequired,\n  /** Function that renders the cell contents. Will be called with the string 'Cell' */\n  render: PropTypes.func.isRequired,\n  /** Table column */\n  column: PropTypes.shape({\n    /** Class(es) to be applied to the cells in the given column */\n    cellClassName: PropTypes.string,\n  }).isRequired,\n};\n\nexport default TableCell;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,SAASA,CAAC;EAAEC,YAAY;EAAEC,MAAM;EAAEC;AAAO,CAAC,EAAE;EACnD,MAAM;IAAEC,SAAS;IAAE,GAAGC;EAAK,CAAC,GAAGJ,YAAY,CAAC,CAAC;EAC7C,oBACEJ,KAAA,CAAAS,aAAA;IAAA,GAAQD,IAAI;IAAED,SAAS,EAAEL,UAAU,CAAC,2BAA2B,EAAEK,SAAS,EAAED,MAAM,CAACI,aAAa;EAAE,GAC/FL,MAAM,CAAC,MAAM,CACZ,CAAC;AAET;AAEAF,SAAS,CAACQ,SAAS,GAAG;EACpB;EACAP,YAAY,EAAEH,SAAS,CAACW,IAAI,CAACC,UAAU;EACvC;EACAR,MAAM,EAAEJ,SAAS,CAACW,IAAI,CAACC,UAAU;EACjC;EACAP,MAAM,EAAEL,SAAS,CAACa,KAAK,CAAC;IACtB;IACAJ,aAAa,EAAET,SAAS,CAACc;EAC3B,CAAC,CAAC,CAACF;AACL,CAAC;AAED,eAAeV,SAAS","ignoreList":[]}
+{"version":3,"file":"TableCell.js","names":["React","classNames","TableCell","getCellProps","render","column","className","rest","createElement","cellClassName"],"sources":["../../src/DataTable/TableCell.tsx"],"sourcesContent":["import React, { ReactNode, TdHTMLAttributes } from 'react';\nimport classNames from 'classnames';\n\ninterface TableCellProps {\n  /** Props for the td element */\n  getCellProps: () => TdHTMLAttributes<HTMLTableCellElement>;\n  /** Function that renders the cell contents. Will be called with the string 'Cell' */\n  render: (type: 'Cell') => ReactNode;\n  /** Table column */\n  column: {\n    /** Class(es) to be applied to the cells in the given column */\n    cellClassName?: string;\n  };\n}\nfunction TableCell({ getCellProps, render, column }: TableCellProps) {\n  const { className, ...rest } = getCellProps();\n  return (\n    <td {...rest} className={classNames('pgn__data-table-cell-wrap', className, column.cellClassName)}>\n      {render('Cell')}\n    </td>\n  );\n}\n\nexport default TableCell;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAuC,OAAO;AAC1D,OAAOC,UAAU,MAAM,YAAY;AAanC,SAASC,SAASA,CAAC;EAAEC,YAAY;EAAEC,MAAM;EAAEC;AAAuB,CAAC,EAAE;EACnE,MAAM;IAAEC,SAAS;IAAE,GAAGC;EAAK,CAAC,GAAGJ,YAAY,CAAC,CAAC;EAC7C,oBACEH,KAAA,CAAAQ,aAAA;IAAA,GAAQD,IAAI;IAAED,SAAS,EAAEL,UAAU,CAAC,2BAA2B,EAAEK,SAAS,EAAED,MAAM,CAACI,aAAa;EAAE,GAC/FL,MAAM,CAAC,MAAM,CACZ,CAAC;AAET;AAEA,eAAeF,SAAS","ignoreList":[]}

package/dist/DataTable/TableHeaderCell.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+interface SortIndicatorProps {
+    /** Indicates whether or not a column is sorted */
+    isSorted: boolean;
+    /** Indicates whether the column is sorted in descending order */
+    isSortedDesc: boolean;
+}
+export declare function SortIndicator({ isSorted, isSortedDesc }: SortIndicatorProps): import("react/jsx-runtime").JSX.Element;
+interface TableHeaderCellProps {
+    /** Returns props for the th element */
+    getHeaderProps: (...args: any[]) => Record<string, any>;
+    /** Indicates whether or not a column is sorted */
+    isSorted?: boolean;
+    /** Renders the header content. Passed the string 'Header' */
+    render: (type: 'Header') => React.ReactNode;
+    /** Indicates whether the column is sorted in descending order */
+    isSortedDesc?: boolean;
+    /** Gets props related to sorting that will be passed to th */
+    getSortByToggleProps?: (...args: any[]) => Record<string, any>;
+    /** Indicates whether a column is sortable */
+    canSort?: boolean;
+    /** Class(es) to be applied to header cells */
+    headerClassName?: string;
+}
+declare function TableHeaderCell({ getHeaderProps, render, canSort, getSortByToggleProps, isSorted, isSortedDesc, headerClassName, }: TableHeaderCellProps): import("react/jsx-runtime").JSX.Element;
+export default TableHeaderCell;

package/dist/DataTable/TableHeaderCell.js

@@ -1,5 +1,4 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import Icon from '../Icon';
 import { ArrowDropDown, ArrowDropUp, ArrowDropUpDown } from '../../icons';
@@ -27,17 +26,13 @@ export function SortIndicator({
     "data-testid": "arrow-drop-up"
   });
 }
-SortIndicator.propTypes = {
-  isSorted: PropTypes.bool.isRequired,
-  isSortedDesc: PropTypes.bool.isRequired
-};
 function TableHeaderCell({
   getHeaderProps,
   render,
-  canSort,
-  getSortByToggleProps,
-  isSorted,
-  isSortedDesc,
+  canSort = false,
+  getSortByToggleProps = () => ({}),
+  isSorted = false,
+  isSortedDesc = false,
   headerClassName
 }) {
   const toggleProps = canSort && getSortByToggleProps ? getSortByToggleProps() : {};
@@ -50,28 +45,5 @@ function TableHeaderCell({
     isSortedDesc: isSortedDesc || false
   })));
 }
-TableHeaderCell.defaultProps = {
-  headerClassName: null,
-  isSorted: false,
-  isSortedDesc: false,
-  canSort: false,
-  getSortByToggleProps: () => {}
-};
-TableHeaderCell.propTypes = {
-  /** Returns props for the th element */
-  getHeaderProps: PropTypes.func.isRequired,
-  /** Indicates whether or not a column is sorted */
-  isSorted: PropTypes.bool,
-  /** Renders the header content. Passed the string 'Header' */
-  render: PropTypes.func.isRequired,
-  /** Indicates whether the column is sorted in descending order */
-  isSortedDesc: PropTypes.bool,
-  /** Gets props related to sorting that will be passed to th */
-  getSortByToggleProps: PropTypes.func,
-  /** Indicates whether a column is sortable */
-  canSort: PropTypes.bool,
-  /** Class(es) to be applied to header cells */
-  headerClassName: PropTypes.string
-};
 export default TableHeaderCell;
 //# sourceMappingURL=TableHeaderCell.js.map

package/dist/DataTable/TableHeaderCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableHeaderCell.js","names":["React","PropTypes","classNames","Icon","ArrowDropDown","ArrowDropUp","ArrowDropUpDown","SortIndicator","isSorted","isSortedDesc","createElement","style","opacity","src","propTypes","bool","isRequired","TableHeaderCell","getHeaderProps","render","canSort","getSortByToggleProps","headerClassName","toggleProps","className","defaultProps","func","string"],"sources":["../../src/DataTable/TableHeaderCell.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Icon from '../Icon';\nimport { ArrowDropDown, ArrowDropUp, ArrowDropUpDown } from '../../icons';\n\nexport function SortIndicator({ isSorted, isSortedDesc }) {\n  if (!isSorted) {\n    return <Icon style={{ opacity: 0.5 }} src={ArrowDropUpDown} data-testid=\"arrow-drop-up-down\" />;\n  }\n\n  if (isSortedDesc) {\n    return <Icon src={ArrowDropDown} data-testid=\"arrow-drop-down\" />;\n  }\n\n  return <Icon src={ArrowDropUp} data-testid=\"arrow-drop-up\" />;\n}\n\nSortIndicator.propTypes = {\n  isSorted: PropTypes.bool.isRequired,\n  isSortedDesc: PropTypes.bool.isRequired,\n};\n\nfunction TableHeaderCell({\n  getHeaderProps, render, canSort, getSortByToggleProps, isSorted, isSortedDesc, headerClassName,\n}) {\n  const toggleProps = canSort && getSortByToggleProps ? getSortByToggleProps() : {};\n\n  return (\n    <th {...getHeaderProps(toggleProps)}>\n      <span className={classNames('d-flex align-items-center', headerClassName)}>\n        <span>{render('Header')}</span>\n        {canSort && <SortIndicator isSorted={isSorted} isSortedDesc={isSortedDesc || false} />}\n      </span>\n    </th>\n  );\n}\n\nTableHeaderCell.defaultProps = {\n  headerClassName: null,\n  isSorted: false,\n  isSortedDesc: false,\n  canSort: false,\n  getSortByToggleProps: () => {},\n};\n\nTableHeaderCell.propTypes = {\n  /** Returns props for the th element */\n  getHeaderProps: PropTypes.func.isRequired,\n  /** Indicates whether or not a column is sorted */\n  isSorted: PropTypes.bool,\n  /** Renders the header content. Passed the string 'Header' */\n  render: PropTypes.func.isRequired,\n  /** Indicates whether the column is sorted in descending order */\n  isSortedDesc: PropTypes.bool,\n  /** Gets props related to sorting that will be passed to th */\n  getSortByToggleProps: PropTypes.func,\n  /** Indicates whether a column is sortable */\n  canSort: PropTypes.bool,\n  /** Class(es) to be applied to header cells */\n  headerClassName: PropTypes.string,\n};\n\nexport default TableHeaderCell;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,IAAI,MAAM,SAAS;AAC1B,SAASC,aAAa,EAAEC,WAAW,EAAEC,eAAe,QAAQ,aAAa;AAEzE,OAAO,SAASC,aAAaA,CAAC;EAAEC,QAAQ;EAAEC;AAAa,CAAC,EAAE;EACxD,IAAI,CAACD,QAAQ,EAAE;IACb,oBAAOR,KAAA,CAAAU,aAAA,CAACP,IAAI;MAACQ,KAAK,EAAE;QAAEC,OAAO,EAAE;MAAI,CAAE;MAACC,GAAG,EAAEP,eAAgB;MAAC,eAAY;IAAoB,CAAE,CAAC;EACjG;EAEA,IAAIG,YAAY,EAAE;IAChB,oBAAOT,KAAA,CAAAU,aAAA,CAACP,IAAI;MAACU,GAAG,EAAET,aAAc;MAAC,eAAY;IAAiB,CAAE,CAAC;EACnE;EAEA,oBAAOJ,KAAA,CAAAU,aAAA,CAACP,IAAI;IAACU,GAAG,EAAER,WAAY;IAAC,eAAY;EAAe,CAAE,CAAC;AAC/D;AAEAE,aAAa,CAACO,SAAS,GAAG;EACxBN,QAAQ,EAAEP,SAAS,CAACc,IAAI,CAACC,UAAU;EACnCP,YAAY,EAAER,SAAS,CAACc,IAAI,CAACC;AAC/B,CAAC;AAED,SAASC,eAAeA,CAAC;EACvBC,cAAc;EAAEC,MAAM;EAAEC,OAAO;EAAEC,oBAAoB;EAAEb,QAAQ;EAAEC,YAAY;EAAEa;AACjF,CAAC,EAAE;EACD,MAAMC,WAAW,GAAGH,OAAO,IAAIC,oBAAoB,GAAGA,oBAAoB,CAAC,CAAC,GAAG,CAAC,CAAC;EAEjF,oBACErB,KAAA,CAAAU,aAAA;IAAA,GAAQQ,cAAc,CAACK,WAAW;EAAC,gBACjCvB,KAAA,CAAAU,aAAA;IAAMc,SAAS,EAAEtB,UAAU,CAAC,2BAA2B,EAAEoB,eAAe;EAAE,gBACxEtB,KAAA,CAAAU,aAAA,eAAOS,MAAM,CAAC,QAAQ,CAAQ,CAAC,EAC9BC,OAAO,iBAAIpB,KAAA,CAAAU,aAAA,CAACH,aAAa;IAACC,QAAQ,EAAEA,QAAS;IAACC,YAAY,EAAEA,YAAY,IAAI;EAAM,CAAE,CACjF,CACJ,CAAC;AAET;AAEAQ,eAAe,CAACQ,YAAY,GAAG;EAC7BH,eAAe,EAAE,IAAI;EACrBd,QAAQ,EAAE,KAAK;EACfC,YAAY,EAAE,KAAK;EACnBW,OAAO,EAAE,KAAK;EACdC,oBAAoB,EAAEA,CAAA,KAAM,CAAC;AAC/B,CAAC;AAEDJ,eAAe,CAACH,SAAS,GAAG;EAC1B;EACAI,cAAc,EAAEjB,SAAS,CAACyB,IAAI,CAACV,UAAU;EACzC;EACAR,QAAQ,EAAEP,SAAS,CAACc,IAAI;EACxB;EACAI,MAAM,EAAElB,SAAS,CAACyB,IAAI,CAACV,UAAU;EACjC;EACAP,YAAY,EAAER,SAAS,CAACc,IAAI;EAC5B;EACAM,oBAAoB,EAAEpB,SAAS,CAACyB,IAAI;EACpC;EACAN,OAAO,EAAEnB,SAAS,CAACc,IAAI;EACvB;EACAO,eAAe,EAAErB,SAAS,CAAC0B;AAC7B,CAAC;AAED,eAAeV,eAAe","ignoreList":[]}
+{"version":3,"file":"TableHeaderCell.js","names":["React","classNames","Icon","ArrowDropDown","ArrowDropUp","ArrowDropUpDown","SortIndicator","isSorted","isSortedDesc","createElement","style","opacity","src","TableHeaderCell","getHeaderProps","render","canSort","getSortByToggleProps","headerClassName","toggleProps","className"],"sources":["../../src/DataTable/TableHeaderCell.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport Icon from '../Icon';\nimport { ArrowDropDown, ArrowDropUp, ArrowDropUpDown } from '../../icons';\n\ninterface SortIndicatorProps {\n  /** Indicates whether or not a column is sorted */\n  isSorted: boolean;\n  /** Indicates whether the column is sorted in descending order */\n  isSortedDesc: boolean;\n}\n\nexport function SortIndicator({ isSorted, isSortedDesc }: SortIndicatorProps) {\n  if (!isSorted) {\n    return <Icon style={{ opacity: 0.5 }} src={ArrowDropUpDown} data-testid=\"arrow-drop-up-down\" />;\n  }\n\n  if (isSortedDesc) {\n    return <Icon src={ArrowDropDown} data-testid=\"arrow-drop-down\" />;\n  }\n\n  return <Icon src={ArrowDropUp} data-testid=\"arrow-drop-up\" />;\n}\n\ninterface TableHeaderCellProps {\n  /** Returns props for the th element */\n  getHeaderProps: (...args: any[]) => Record<string, any>;\n  /** Indicates whether or not a column is sorted */\n  isSorted?: boolean;\n  /** Renders the header content. Passed the string 'Header' */\n  render: (type: 'Header') => React.ReactNode;\n  /** Indicates whether the column is sorted in descending order */\n  isSortedDesc?: boolean;\n  /** Gets props related to sorting that will be passed to th */\n  getSortByToggleProps?: (...args: any[]) => Record<string, any>;\n  /** Indicates whether a column is sortable */\n  canSort?: boolean;\n  /** Class(es) to be applied to header cells */\n  headerClassName?: string;\n}\n\nfunction TableHeaderCell({\n  getHeaderProps,\n  render,\n  canSort = false,\n  getSortByToggleProps = () => ({}),\n  isSorted = false,\n  isSortedDesc = false,\n  headerClassName,\n}: TableHeaderCellProps) {\n  const toggleProps = canSort && getSortByToggleProps ? getSortByToggleProps() : {};\n\n  return (\n    <th {...getHeaderProps(toggleProps)}>\n      <span className={classNames('d-flex align-items-center', headerClassName)}>\n        <span>{render('Header')}</span>\n        {canSort && <SortIndicator isSorted={isSorted} isSortedDesc={isSortedDesc || false} />}\n      </span>\n    </th>\n  );\n}\n\nexport default TableHeaderCell;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,IAAI,MAAM,SAAS;AAC1B,SAASC,aAAa,EAAEC,WAAW,EAAEC,eAAe,QAAQ,aAAa;AASzE,OAAO,SAASC,aAAaA,CAAC;EAAEC,QAAQ;EAAEC;AAAiC,CAAC,EAAE;EAC5E,IAAI,CAACD,QAAQ,EAAE;IACb,oBAAOP,KAAA,CAAAS,aAAA,CAACP,IAAI;MAACQ,KAAK,EAAE;QAAEC,OAAO,EAAE;MAAI,CAAE;MAACC,GAAG,EAAEP,eAAgB;MAAC,eAAY;IAAoB,CAAE,CAAC;EACjG;EAEA,IAAIG,YAAY,EAAE;IAChB,oBAAOR,KAAA,CAAAS,aAAA,CAACP,IAAI;MAACU,GAAG,EAAET,aAAc;MAAC,eAAY;IAAiB,CAAE,CAAC;EACnE;EAEA,oBAAOH,KAAA,CAAAS,aAAA,CAACP,IAAI;IAACU,GAAG,EAAER,WAAY;IAAC,eAAY;EAAe,CAAE,CAAC;AAC/D;AAmBA,SAASS,eAAeA,CAAC;EACvBC,cAAc;EACdC,MAAM;EACNC,OAAO,GAAG,KAAK;EACfC,oBAAoB,GAAGA,CAAA,MAAO,CAAC,CAAC,CAAC;EACjCV,QAAQ,GAAG,KAAK;EAChBC,YAAY,GAAG,KAAK;EACpBU;AACoB,CAAC,EAAE;EACvB,MAAMC,WAAW,GAAGH,OAAO,IAAIC,oBAAoB,GAAGA,oBAAoB,CAAC,CAAC,GAAG,CAAC,CAAC;EAEjF,oBACEjB,KAAA,CAAAS,aAAA;IAAA,GAAQK,cAAc,CAACK,WAAW;EAAC,gBACjCnB,KAAA,CAAAS,aAAA;IAAMW,SAAS,EAAEnB,UAAU,CAAC,2BAA2B,EAAEiB,eAAe;EAAE,gBACxElB,KAAA,CAAAS,aAAA,eAAOM,MAAM,CAAC,QAAQ,CAAQ,CAAC,EAC9BC,OAAO,iBAAIhB,KAAA,CAAAS,aAAA,CAACH,aAAa;IAACC,QAAQ,EAAEA,QAAS;IAACC,YAAY,EAAEA,YAAY,IAAI;EAAM,CAAE,CACjF,CACJ,CAAC;AAET;AAEA,eAAeK,eAAe","ignoreList":[]}

package/dist/Menu/MenuItem.d.ts

@@ -0,0 +1,17 @@
+import React, { ReactElement, ReactNode, ElementType } from 'react';
+interface MenuItemProps {
+    /** Specifies that this `MenuItem` is selected inside the `SelectMenu` */
+    defaultSelected?: boolean;
+    /** Specifies class name to append to the base element */
+    className?: string;
+    /** Specifies the content of the `MenuItem` */
+    children: ReactNode;
+    /** Specifies the base element */
+    as?: ElementType;
+    /** Specifies the jsx before the content of the `MenuItem` */
+    iconBefore?: ReactElement | ElementType;
+    /** Specifies the jsx after the content of the `MenuItem` */
+    iconAfter?: ReactElement | ElementType;
+}
+declare function MenuItem({ as, children, defaultSelected, iconAfter, iconBefore, ...props }: MenuItemProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+export default MenuItem;

package/dist/Menu/MenuItem.js

@@ -1,17 +1,17 @@
-import React from 'react';
-import PropTypes from 'prop-types';
+import React, { createElement } from 'react';
 import classNames from 'classnames';
 import Icon from '../Icon';
 function MenuItem({
-  as,
+  as = 'button',
   children,
-  defaultSelected,
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  defaultSelected = false,
   iconAfter,
   iconBefore,
   ...props
 }) {
   const className = classNames(props.className, 'pgn__menu-item');
-  return /*#__PURE__*/React.createElement(as, {
+  return /*#__PURE__*/createElement(as, {
     ...props,
     className
   }, /*#__PURE__*/React.createElement(React.Fragment, null, iconBefore && /*#__PURE__*/React.createElement(Icon, {
@@ -26,27 +26,5 @@ function MenuItem({
     src: iconAfter
   })));
 }
-MenuItem.propTypes = {
-  /** Specifies that this ``MenuItem`` is selected inside the ``SelectMenu`` */
-  defaultSelected: PropTypes.bool,
-  /** Specifies class name to append to the base element */
-  className: PropTypes.string,
-  /** Specifies the content of the ``MenuItem`` */
-  children: PropTypes.node,
-  /** Specifies the base element */
-  as: PropTypes.elementType,
-  /** Specifies the jsx before the content of the ``MenuItem`` */
-  iconBefore: PropTypes.oneOfType([PropTypes.element, PropTypes.elementType]),
-  /** Specifies the jsx after the content of the ``MenuItem`` */
-  iconAfter: PropTypes.oneOfType([PropTypes.element, PropTypes.elementType])
-};
-MenuItem.defaultProps = {
-  defaultSelected: false,
-  as: 'button',
-  className: undefined,
-  children: null,
-  iconBefore: undefined,
-  iconAfter: undefined
-};
 export default MenuItem;
 //# sourceMappingURL=MenuItem.js.map

package/dist/Menu/MenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.js","names":["React","PropTypes","classNames","Icon","MenuItem","as","children","defaultSelected","iconAfter","iconBefore","props","className","createElement","Fragment","src","propTypes","bool","string","node","elementType","oneOfType","element","defaultProps","undefined"],"sources":["../../src/Menu/MenuItem.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Icon from '../Icon';\n\nfunction MenuItem({\n  as,\n  children,\n  defaultSelected,\n  iconAfter,\n  iconBefore,\n  ...props\n}) {\n  const className = classNames(props.className, 'pgn__menu-item');\n\n  return React.createElement(\n    as,\n    {\n      ...props,\n      className,\n    },\n    (\n      <>\n        {iconBefore && <Icon className=\"btn-icon-before\" src={iconBefore} />}\n        <span className=\"pgn__menu-item-text\">{children}</span>\n        <span className=\"pgn__menu-item-content-spacer\" />\n        {iconAfter && <Icon className=\"btn-icon-after\" src={iconAfter} />}\n      </>\n    ),\n  );\n}\n\nMenuItem.propTypes = {\n  /** Specifies that this ``MenuItem`` is selected inside the ``SelectMenu`` */\n  defaultSelected: PropTypes.bool,\n  /** Specifies class name to append to the base element */\n  className: PropTypes.string,\n  /** Specifies the content of the ``MenuItem`` */\n  children: PropTypes.node,\n  /** Specifies the base element */\n  as: PropTypes.elementType,\n  /** Specifies the jsx before the content of the ``MenuItem`` */\n  iconBefore: PropTypes.oneOfType([PropTypes.element, PropTypes.elementType]),\n  /** Specifies the jsx after the content of the ``MenuItem`` */\n  iconAfter: PropTypes.oneOfType([PropTypes.element, PropTypes.elementType]),\n};\n\nMenuItem.defaultProps = {\n  defaultSelected: false,\n  as: 'button',\n  className: undefined,\n  children: null,\n  iconBefore: undefined,\n  iconAfter: undefined,\n};\n\nexport default MenuItem;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,IAAI,MAAM,SAAS;AAE1B,SAASC,QAAQA,CAAC;EAChBC,EAAE;EACFC,QAAQ;EACRC,eAAe;EACfC,SAAS;EACTC,UAAU;EACV,GAAGC;AACL,CAAC,EAAE;EACD,MAAMC,SAAS,GAAGT,UAAU,CAACQ,KAAK,CAACC,SAAS,EAAE,gBAAgB,CAAC;EAE/D,oBAAOX,KAAK,CAACY,aAAa,CACxBP,EAAE,EACF;IACE,GAAGK,KAAK;IACRC;EACF,CAAC,eAECX,KAAA,CAAAY,aAAA,CAAAZ,KAAA,CAAAa,QAAA,QACGJ,UAAU,iBAAIT,KAAA,CAAAY,aAAA,CAACT,IAAI;IAACQ,SAAS,EAAC,iBAAiB;IAACG,GAAG,EAAEL;EAAW,CAAE,CAAC,eACpET,KAAA,CAAAY,aAAA;IAAMD,SAAS,EAAC;EAAqB,GAAEL,QAAe,CAAC,eACvDN,KAAA,CAAAY,aAAA;IAAMD,SAAS,EAAC;EAA+B,CAAE,CAAC,EACjDH,SAAS,iBAAIR,KAAA,CAAAY,aAAA,CAACT,IAAI;IAACQ,SAAS,EAAC,gBAAgB;IAACG,GAAG,EAAEN;EAAU,CAAE,CAChE,CAEN,CAAC;AACH;AAEAJ,QAAQ,CAACW,SAAS,GAAG;EACnB;EACAR,eAAe,EAAEN,SAAS,CAACe,IAAI;EAC/B;EACAL,SAAS,EAAEV,SAAS,CAACgB,MAAM;EAC3B;EACAX,QAAQ,EAAEL,SAAS,CAACiB,IAAI;EACxB;EACAb,EAAE,EAAEJ,SAAS,CAACkB,WAAW;EACzB;EACAV,UAAU,EAAER,SAAS,CAACmB,SAAS,CAAC,CAACnB,SAAS,CAACoB,OAAO,EAAEpB,SAAS,CAACkB,WAAW,CAAC,CAAC;EAC3E;EACAX,SAAS,EAAEP,SAAS,CAACmB,SAAS,CAAC,CAACnB,SAAS,CAACoB,OAAO,EAAEpB,SAAS,CAACkB,WAAW,CAAC;AAC3E,CAAC;AAEDf,QAAQ,CAACkB,YAAY,GAAG;EACtBf,eAAe,EAAE,KAAK;EACtBF,EAAE,EAAE,QAAQ;EACZM,SAAS,EAAEY,SAAS;EACpBjB,QAAQ,EAAE,IAAI;EACdG,UAAU,EAAEc,SAAS;EACrBf,SAAS,EAAEe;AACb,CAAC;AAED,eAAenB,QAAQ","ignoreList":[]}
+{"version":3,"file":"MenuItem.js","names":["React","createElement","classNames","Icon","MenuItem","as","children","defaultSelected","iconAfter","iconBefore","props","className","Fragment","src"],"sources":["../../src/Menu/MenuItem.tsx"],"sourcesContent":["import React, {\n  ReactElement, ReactNode, ElementType, createElement, ComponentType,\n} from 'react';\nimport classNames from 'classnames';\nimport Icon from '../Icon';\n\ninterface MenuItemProps {\n  /** Specifies that this `MenuItem` is selected inside the `SelectMenu` */\n  defaultSelected?: boolean;\n  /** Specifies class name to append to the base element */\n  className?: string;\n  /** Specifies the content of the `MenuItem` */\n  children: ReactNode;\n  /** Specifies the base element */\n  as?: ElementType;\n  /** Specifies the jsx before the content of the `MenuItem` */\n  iconBefore?: ReactElement | ElementType;\n  /** Specifies the jsx after the content of the `MenuItem` */\n  iconAfter?: ReactElement | ElementType;\n}\nfunction MenuItem({\n  as = 'button',\n  children,\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  defaultSelected = false,\n  iconAfter,\n  iconBefore,\n  ...props\n}: MenuItemProps) {\n  const className = classNames(props.className, 'pgn__menu-item');\n\n  return createElement(\n    as,\n    {\n      ...props,\n      className,\n    },\n    (\n      <>\n        {iconBefore && <Icon className=\"btn-icon-before\" src={iconBefore as ComponentType} />}\n        <span className=\"pgn__menu-item-text\">{children}</span>\n        <span className=\"pgn__menu-item-content-spacer\" />\n        {iconAfter && <Icon className=\"btn-icon-after\" src={iconAfter as ComponentType} />}\n      </>\n    ),\n  );\n}\n\nexport default MenuItem;\n"],"mappings":"AAAA,OAAOA,KAAK,IAC4BC,aAAa,QAC9C,OAAO;AACd,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,IAAI,MAAM,SAAS;AAgB1B,SAASC,QAAQA,CAAC;EAChBC,EAAE,GAAG,QAAQ;EACbC,QAAQ;EACR;EACAC,eAAe,GAAG,KAAK;EACvBC,SAAS;EACTC,UAAU;EACV,GAAGC;AACU,CAAC,EAAE;EAChB,MAAMC,SAAS,GAAGT,UAAU,CAACQ,KAAK,CAACC,SAAS,EAAE,gBAAgB,CAAC;EAE/D,oBAAOV,aAAa,CAClBI,EAAE,EACF;IACE,GAAGK,KAAK;IACRC;EACF,CAAC,eAECX,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAY,QAAA,QACGH,UAAU,iBAAIT,KAAA,CAAAC,aAAA,CAACE,IAAI;IAACQ,SAAS,EAAC,iBAAiB;IAACE,GAAG,EAAEJ;EAA4B,CAAE,CAAC,eACrFT,KAAA,CAAAC,aAAA;IAAMU,SAAS,EAAC;EAAqB,GAAEL,QAAe,CAAC,eACvDN,KAAA,CAAAC,aAAA;IAAMU,SAAS,EAAC;EAA+B,CAAE,CAAC,EACjDH,SAAS,iBAAIR,KAAA,CAAAC,aAAA,CAACE,IAAI;IAACQ,SAAS,EAAC,gBAAgB;IAACE,GAAG,EAAEL;EAA2B,CAAE,CACjF,CAEN,CAAC;AACH;AAEA,eAAeJ,QAAQ","ignoreList":[]}

package/dist/Menu/index.d.ts

@@ -0,0 +1,16 @@
+import React, { ElementType, ReactNode } from 'react';
+interface MenuProps {
+    /** Specifies class name to append to the base element */
+    className?: string;
+    /**
+     * Specifies the CSS selector string that indicates to which elements
+     * the user can navigate using the arrow keys
+     */
+    arrowKeyNavigationSelector?: string;
+    /** Specifies the base element */
+    as?: ElementType;
+    /** Specifies the content of the menu */
+    children?: ReactNode;
+}
+declare function Menu({ as, arrowKeyNavigationSelector, children, ...props }: MenuProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+export default Menu;

package/dist/Menu/index.js

@@ -1,10 +1,9 @@
-import React from 'react';
-import PropTypes from 'prop-types';
+import React, { createElement } from 'react';
 import classNames from 'classnames';
 import useArrowKeyNavigation from '../hooks/useArrowKeyNavigationHook';
 function Menu({
-  as,
-  arrowKeyNavigationSelector,
+  as = 'div',
+  arrowKeyNavigationSelector = 'a:not(:disabled),button:not(:disabled),input:not(:disabled)',
   children,
   ...props
 }) {
@@ -12,7 +11,7 @@ function Menu({
     selectors: arrowKeyNavigationSelector
   });
   const className = classNames(props.className, 'pgn__menu');
-  return /*#__PURE__*/React.createElement(as, {
+  return /*#__PURE__*/createElement(as, {
     ...props,
     ref: parentRef,
     className
@@ -21,24 +20,5 @@ function Menu({
   // eslint-disable-next-line react/jsx-no-useless-fragment
   React.createElement(React.Fragment, null, children));
 }
-Menu.propTypes = {
-  /** Specifies class name to append to the base element */
-  className: PropTypes.string,
-  /**
-   * Specifies the CSS selector string that indicates to which elements
-   * the user can navigate using the arrow keys
-   */
-  arrowKeyNavigationSelector: PropTypes.string,
-  /** Specifies the base element */
-  as: PropTypes.elementType,
-  /** Specifies the content of the menu */
-  children: PropTypes.node
-};
-Menu.defaultProps = {
-  className: undefined,
-  arrowKeyNavigationSelector: 'a:not(:disabled),button:not(:disabled),input:not(:disabled)',
-  as: 'div',
-  children: null
-};
 export default Menu;
 //# sourceMappingURL=index.js.map

package/dist/Menu/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classNames","useArrowKeyNavigation","Menu","as","arrowKeyNavigationSelector","children","props","parentRef","selectors","className","createElement","ref","Fragment","propTypes","string","elementType","node","defaultProps","undefined"],"sources":["../../src/Menu/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport useArrowKeyNavigation from '../hooks/useArrowKeyNavigationHook';\n\nfunction Menu({\n  as,\n  arrowKeyNavigationSelector,\n  children,\n  ...props\n}) {\n  const parentRef = useArrowKeyNavigation({ selectors: arrowKeyNavigationSelector });\n  const className = classNames(props.className, 'pgn__menu');\n\n  return React.createElement(\n    as,\n    {\n      ...props,\n      ref: parentRef,\n      className,\n    },\n    (\n      // eslint-disable-next-line react/jsx-no-useless-fragment\n      <>\n        {children}\n      </>\n    ),\n  );\n}\n\nMenu.propTypes = {\n  /** Specifies class name to append to the base element */\n  className: PropTypes.string,\n  /**\n   * Specifies the CSS selector string that indicates to which elements\n   * the user can navigate using the arrow keys\n   */\n  arrowKeyNavigationSelector: PropTypes.string,\n  /** Specifies the base element */\n  as: PropTypes.elementType,\n  /** Specifies the content of the menu */\n  children: PropTypes.node,\n};\n\nMenu.defaultProps = {\n  className: undefined,\n  arrowKeyNavigationSelector: 'a:not(:disabled),button:not(:disabled),input:not(:disabled)',\n  as: 'div',\n  children: null,\n};\n\nexport default Menu;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,qBAAqB,MAAM,oCAAoC;AAEtE,SAASC,IAAIA,CAAC;EACZC,EAAE;EACFC,0BAA0B;EAC1BC,QAAQ;EACR,GAAGC;AACL,CAAC,EAAE;EACD,MAAMC,SAAS,GAAGN,qBAAqB,CAAC;IAAEO,SAAS,EAAEJ;EAA2B,CAAC,CAAC;EAClF,MAAMK,SAAS,GAAGT,UAAU,CAACM,KAAK,CAACG,SAAS,EAAE,WAAW,CAAC;EAE1D,oBAAOX,KAAK,CAACY,aAAa,CACxBP,EAAE,EACF;IACE,GAAGG,KAAK;IACRK,GAAG,EAAEJ,SAAS;IACdE;EACF,CAAC;EAAA;EAEC;EACAX,KAAA,CAAAY,aAAA,CAAAZ,KAAA,CAAAc,QAAA,QACGP,QACD,CAEN,CAAC;AACH;AAEAH,IAAI,CAACW,SAAS,GAAG;EACf;EACAJ,SAAS,EAAEV,SAAS,CAACe,MAAM;EAC3B;AACF;AACA;AACA;EACEV,0BAA0B,EAAEL,SAAS,CAACe,MAAM;EAC5C;EACAX,EAAE,EAAEJ,SAAS,CAACgB,WAAW;EACzB;EACAV,QAAQ,EAAEN,SAAS,CAACiB;AACtB,CAAC;AAEDd,IAAI,CAACe,YAAY,GAAG;EAClBR,SAAS,EAAES,SAAS;EACpBd,0BAA0B,EAAE,6DAA6D;EACzFD,EAAE,EAAE,KAAK;EACTE,QAAQ,EAAE;AACZ,CAAC;AAED,eAAeH,IAAI","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","createElement","classNames","useArrowKeyNavigation","Menu","as","arrowKeyNavigationSelector","children","props","parentRef","selectors","className","ref","Fragment"],"sources":["../../src/Menu/index.tsx"],"sourcesContent":["import React, { ElementType, ReactNode, createElement } from 'react';\nimport classNames from 'classnames';\nimport useArrowKeyNavigation from '../hooks/useArrowKeyNavigationHook';\n\ninterface MenuProps {\n  /** Specifies class name to append to the base element */\n  className?: string;\n  /**\n   * Specifies the CSS selector string that indicates to which elements\n   * the user can navigate using the arrow keys\n   */\n  arrowKeyNavigationSelector?: string;\n  /** Specifies the base element */\n  as?: ElementType;\n  /** Specifies the content of the menu */\n  children?: ReactNode;\n}\nfunction Menu({\n  as = 'div',\n  arrowKeyNavigationSelector = 'a:not(:disabled),button:not(:disabled),input:not(:disabled)',\n  children,\n  ...props\n}: MenuProps) {\n  const parentRef = useArrowKeyNavigation({ selectors: arrowKeyNavigationSelector });\n  const className = classNames(props.className, 'pgn__menu');\n\n  return createElement(\n    as,\n    {\n      ...props,\n      ref: parentRef,\n      className,\n    },\n    (\n      // eslint-disable-next-line react/jsx-no-useless-fragment\n      <>\n        {children}\n      </>\n    ),\n  );\n}\n\nexport default Menu;\n"],"mappings":"AAAA,OAAOA,KAAK,IAA4BC,aAAa,QAAQ,OAAO;AACpE,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,qBAAqB,MAAM,oCAAoC;AAetE,SAASC,IAAIA,CAAC;EACZC,EAAE,GAAG,KAAK;EACVC,0BAA0B,GAAG,6DAA6D;EAC1FC,QAAQ;EACR,GAAGC;AACM,CAAC,EAAE;EACZ,MAAMC,SAAS,GAAGN,qBAAqB,CAAC;IAAEO,SAAS,EAAEJ;EAA2B,CAAC,CAAC;EAClF,MAAMK,SAAS,GAAGT,UAAU,CAACM,KAAK,CAACG,SAAS,EAAE,WAAW,CAAC;EAE1D,oBAAOV,aAAa,CAClBI,EAAE,EACF;IACE,GAAGG,KAAK;IACRI,GAAG,EAAEH,SAAS;IACdE;EACF,CAAC;EAAA;EAEC;EACAX,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAa,QAAA,QACGN,QACD,CAEN,CAAC;AACH;AAEA,eAAeH,IAAI","ignoreList":[]}