@openedx/paragon 23.14.8 → 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/Chip/constants.js

@@ -1,4 +1,3 @@
-// eslint-disable-next-line import/prefer-default-export
 export const STYLE_VARIANTS = {
   DARK: 'dark',
   LIGHT: 'light'

package/dist/Chip/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","names":["STYLE_VARIANTS","DARK","LIGHT"],"sources":["../../src/Chip/constants.ts"],"sourcesContent":["// eslint-disable-next-line import/prefer-default-export\nexport const STYLE_VARIANTS = {\n  DARK: 'dark',\n  LIGHT: 'light',\n} as const;\n"],"mappings":"AAAA;AACA,OAAO,MAAMA,cAAc,GAAG;EAC5BC,IAAI,EAAE,MAAM;EACZC,KAAK,EAAE;AACT,CAAU","ignoreList":[]}
+{"version":3,"file":"constants.js","names":["STYLE_VARIANTS","DARK","LIGHT"],"sources":["../../src/Chip/constants.ts"],"sourcesContent":["export const STYLE_VARIANTS = {\n  DARK: 'dark',\n  LIGHT: 'light',\n} as const;\n"],"mappings":"AAAA,OAAO,MAAMA,cAAc,GAAG;EAC5BC,IAAI,EAAE,MAAM;EACZC,KAAK,EAAE;AACT,CAAU","ignoreList":[]}

package/dist/Container/index.js

@@ -1,4 +1,3 @@
-/* eslint-disable react/require-default-props */
 import React, { forwardRef } from 'react';
 import classNames from 'classnames';
 import RBContainer from 'react-bootstrap/Container';

package/dist/Container/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","forwardRef","classNames","RBContainer","ContainerSizeClass","Container","size","children","as","bsPrefix","fluid","props","ref","createElement","className"],"sources":["../../src/Container/index.tsx"],"sourcesContent":["/* eslint-disable react/require-default-props */\nimport React, {\n  ForwardedRef, ReactNode, ElementType, forwardRef,\n} from 'react';\nimport classNames from 'classnames';\nimport RBContainer, { type ContainerProps as RBContainerProps } from 'react-bootstrap/Container';\n\nimport type { ComponentWithAsProp } from '../utils/types/bootstrap';\n\nenum ContainerSizeClass {\n  xs = 'container-mw-xs',\n  sm = 'container-mw-sm',\n  md = 'container-mw-md',\n  lg = 'container-mw-lg',\n  xl = 'container-mw-xl',\n}\n\nexport type ContainerSize = keyof typeof ContainerSizeClass;\n\ninterface ContainerProps extends RBContainerProps {\n  /** Override the base element */\n  as?: ElementType,\n  /** Specifies the contents of the container */\n  children: ReactNode,\n  /** Fill all available space at any breakpoint */\n  fluid?: boolean,\n  /** Overrides underlying component base CSS class name */\n  bsPrefix?: string,\n  /** Set the maximum width for the container. Omiting the prop will remove the max-width */\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n}\n\ntype ContainerType = ComponentWithAsProp<'div', ContainerProps>;\n\nconst Container: ContainerType = forwardRef(({\n  size,\n  children,\n  as = 'div',\n  bsPrefix = 'container',\n  fluid = true,\n  ...props\n}: ContainerProps, ref: ForwardedRef<Element>) => (\n  <RBContainer\n    {...props}\n    as={as}\n    bsPrefix={bsPrefix}\n    fluid={fluid}\n    ref={ref}\n    className={classNames(\n      props.className,\n      size && ContainerSizeClass[size],\n    )}\n  >\n    {children}\n  </RBContainer>\n));\n\nexport default Container;\n"],"mappings":"AAAA;AACA,OAAOA,KAAK,IAC4BC,UAAU,QAC3C,OAAO;AACd,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,WAAW,MAAmD,2BAA2B;AAAC,IAI5FC,kBAAkB,0BAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAA,OAAlBA,kBAAkB;AAAA,EAAlBA,kBAAkB;AAyBvB,MAAMC,SAAwB,gBAAGJ,UAAU,CAAC,CAAC;EAC3CK,IAAI;EACJC,QAAQ;EACRC,EAAE,GAAG,KAAK;EACVC,QAAQ,GAAG,WAAW;EACtBC,KAAK,GAAG,IAAI;EACZ,GAAGC;AACW,CAAC,EAAEC,GAA0B,kBAC3CZ,KAAA,CAAAa,aAAA,CAACV,WAAW;EAAA,GACNQ,KAAK;EACTH,EAAE,EAAEA,EAAG;EACPC,QAAQ,EAAEA,QAAS;EACnBC,KAAK,EAAEA,KAAM;EACbE,GAAG,EAAEA,GAAI;EACTE,SAAS,EAAEZ,UAAU,CACnBS,KAAK,CAACG,SAAS,EACfR,IAAI,IAAIF,kBAAkB,CAACE,IAAI,CACjC;AAAE,GAEDC,QACU,CACd,CAAC;AAEF,eAAeF,SAAS","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","forwardRef","classNames","RBContainer","ContainerSizeClass","Container","size","children","as","bsPrefix","fluid","props","ref","createElement","className"],"sources":["../../src/Container/index.tsx"],"sourcesContent":["import React, {\n  ForwardedRef, ReactNode, ElementType, forwardRef,\n} from 'react';\nimport classNames from 'classnames';\nimport RBContainer, { type ContainerProps as RBContainerProps } from 'react-bootstrap/Container';\n\nimport type { ComponentWithAsProp } from '../utils/types/bootstrap';\n\nenum ContainerSizeClass {\n  xs = 'container-mw-xs',\n  sm = 'container-mw-sm',\n  md = 'container-mw-md',\n  lg = 'container-mw-lg',\n  xl = 'container-mw-xl',\n}\n\nexport type ContainerSize = keyof typeof ContainerSizeClass;\n\ninterface ContainerProps extends RBContainerProps {\n  /** Override the base element */\n  as?: ElementType,\n  /** Specifies the contents of the container */\n  children: ReactNode,\n  /** Fill all available space at any breakpoint */\n  fluid?: boolean,\n  /** Overrides underlying component base CSS class name */\n  bsPrefix?: string,\n  /** Set the maximum width for the container. Omiting the prop will remove the max-width */\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n}\n\ntype ContainerType = ComponentWithAsProp<'div', ContainerProps>;\n\nconst Container: ContainerType = forwardRef(({\n  size,\n  children,\n  as = 'div',\n  bsPrefix = 'container',\n  fluid = true,\n  ...props\n}: ContainerProps, ref: ForwardedRef<Element>) => (\n  <RBContainer\n    {...props}\n    as={as}\n    bsPrefix={bsPrefix}\n    fluid={fluid}\n    ref={ref}\n    className={classNames(\n      props.className,\n      size && ContainerSizeClass[size],\n    )}\n  >\n    {children}\n  </RBContainer>\n));\n\nexport default Container;\n"],"mappings":"AAAA,OAAOA,KAAK,IAC4BC,UAAU,QAC3C,OAAO;AACd,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,WAAW,MAAmD,2BAA2B;AAAC,IAI5FC,kBAAkB,0BAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAA,OAAlBA,kBAAkB;AAAA,EAAlBA,kBAAkB;AAyBvB,MAAMC,SAAwB,gBAAGJ,UAAU,CAAC,CAAC;EAC3CK,IAAI;EACJC,QAAQ;EACRC,EAAE,GAAG,KAAK;EACVC,QAAQ,GAAG,WAAW;EACtBC,KAAK,GAAG,IAAI;EACZ,GAAGC;AACW,CAAC,EAAEC,GAA0B,kBAC3CZ,KAAA,CAAAa,aAAA,CAACV,WAAW;EAAA,GACNQ,KAAK;EACTH,EAAE,EAAEA,EAAG;EACPC,QAAQ,EAAEA,QAAS;EACnBC,KAAK,EAAEA,KAAM;EACbE,GAAG,EAAEA,GAAI;EACTE,SAAS,EAAEZ,UAAU,CACnBS,KAAK,CAACG,SAAS,EACfR,IAAI,IAAIF,kBAAkB,CAACE,IAAI,CACjC;AAAE,GAEDC,QACU,CACd,CAAC;AAEF,eAAeF,SAAS","ignoreList":[]}

package/dist/DataTable/CollapsibleButtonGroup.js

@@ -47,7 +47,6 @@ function CollapsibleButtonGroup({
     return null;
   }
   const cloneAction = (action, index) => /*#__PURE__*/React.cloneElement(action.component, {
-    // eslint-disable-next-line react/no-array-index-key
     key: `${action}${index}`,
     as: Button,
     // for backwards compatibility this is needed

package/dist/DataTable/CollapsibleButtonGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollapsibleButtonGroup.js","names":["React","useContext","useMemo","useState","PropTypes","MoreVert","useToggle","useWindowSize","DataTableContext","Icon","IconButton","breakpoints","ModalPopup","Stack","Button","ACTION_OVERFLOW_BUTTON_TEXT","SMALL_SCREEN_ACTION_OVERFLOW_BUTTON_TEXT","CollapsibleButtonGroup","className","actions","rest","isOverflowMenuOpen","openOverflowMenu","closeOverflowMenu","overflowMenuTarget","setOverflowMenuTarget","controlledTableSelections","isEntireTableSelected","selectedFlatRows","rows","width","selectedRows","visibleActions","dropdownActions","small","minWidth","firstTwoActions","splice","extraActions","slice","reverse","cloneAction","action","index","cloneElement","component","key","as","args","createElement","length","Fragment","variant","iconAs","src","alt","id","ref","onClick","positionRef","onClose","placement","isOpen","gap","map","defaultProps","propTypes","string","arrayOf","shape","oneOfType","element","elementType","isRequired"],"sources":["../../src/DataTable/CollapsibleButtonGroup.jsx"],"sourcesContent":["import React, { useContext, useMemo, useState } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { MoreVert } from '../../icons';\nimport useToggle from '../hooks/useToggleHook';\nimport useWindowSize from '../hooks/useWindowSizeHook';\nimport DataTableContext from './DataTableContext';\nimport Icon from '../Icon';\nimport IconButton from '../IconButton';\nimport breakpoints from '../utils/breakpoints';\nimport ModalPopup from '../Modal/ModalPopup';\nimport Stack from '../Stack';\nimport Button from '../Button';\n\nexport const ACTION_OVERFLOW_BUTTON_TEXT = 'More actions';\nexport const SMALL_SCREEN_ACTION_OVERFLOW_BUTTON_TEXT = 'Actions';\n\nfunction CollapsibleButtonGroup({\n  className,\n  actions,\n  ...rest\n}) {\n  const [isOverflowMenuOpen, openOverflowMenu, closeOverflowMenu] = useToggle(false);\n  const [overflowMenuTarget, setOverflowMenuTarget] = useState(null);\n  const {\n    controlledTableSelections: [{ isEntireTableSelected }],\n    selectedFlatRows,\n    rows,\n  } = useContext(DataTableContext);\n  const { width } = useWindowSize();\n  const selectedRows = selectedFlatRows || rows;\n\n  const [visibleActions, dropdownActions] = useMemo(() => {\n    if (width < breakpoints.small.minWidth) {\n      // On a small screen, all actions will be in the overflow menu\n      return [[], [...actions]];\n    }\n    // The first two actions will be displayed as buttons, the rest will go in an overflow menu\n    const firstTwoActions = [...actions].splice(0, 2);\n    const extraActions = [...actions].slice(2);\n\n    /*  Reversing the array because to the user it makes sense to put the primary button first,\n        but we want it on the right */\n    return [firstTwoActions.reverse(), extraActions];\n  }, [actions, width]);\n\n  if (!isEntireTableSelected && !selectedRows) {\n    return null;\n  }\n\n  const cloneAction = (action, index) => React.cloneElement(\n    action.component,\n    {\n      // eslint-disable-next-line react/no-array-index-key\n      key: `${action}${index}`,\n      as: Button, // for backwards compatibility this is needed\n      ...action.args,\n    },\n  );\n\n  return (\n    <div className={className} {...rest}>\n      {dropdownActions.length > 0 && (\n        <>\n          <IconButton\n            variant=\"secondary\"\n            iconAs={Icon}\n            src={MoreVert}\n            alt={width > breakpoints.small.minWidth\n              ? ACTION_OVERFLOW_BUTTON_TEXT : SMALL_SCREEN_ACTION_OVERFLOW_BUTTON_TEXT}\n            id=\"actions-dropdown\"\n            ref={setOverflowMenuTarget}\n            onClick={openOverflowMenu}\n          />\n          <ModalPopup\n            positionRef={overflowMenuTarget}\n            onClose={closeOverflowMenu}\n            placement=\"bottom-end\"\n            isOpen={isOverflowMenuOpen}\n          >\n            <div className=\"pgn__data-table__overflow-actions-menu\">\n              <Stack gap={2}>\n                {dropdownActions.map(cloneAction)}\n              </Stack>\n            </div>\n          </ModalPopup>\n        </>\n      )}\n      <div className=\"pgn__data-table__visible-actions\">\n        {visibleActions.map(cloneAction)}\n      </div>\n    </div>\n  );\n}\n\nCollapsibleButtonGroup.defaultProps = {\n  className: null,\n};\n\nCollapsibleButtonGroup.propTypes = {\n  /** Class names for the div wrapping the button components */\n  className: PropTypes.string,\n  /** Array of action objects, containing a component and their callback args */\n  actions: PropTypes.arrayOf(PropTypes.shape({\n    component: PropTypes.oneOfType([PropTypes.element, PropTypes.elementType]).isRequired,\n    args: PropTypes.shape({}),\n  })).isRequired,\n};\n\nexport default CollapsibleButtonGroup;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"CollapsibleButtonGroup.js","names":["React","useContext","useMemo","useState","PropTypes","MoreVert","useToggle","useWindowSize","DataTableContext","Icon","IconButton","breakpoints","ModalPopup","Stack","Button","ACTION_OVERFLOW_BUTTON_TEXT","SMALL_SCREEN_ACTION_OVERFLOW_BUTTON_TEXT","CollapsibleButtonGroup","className","actions","rest","isOverflowMenuOpen","openOverflowMenu","closeOverflowMenu","overflowMenuTarget","setOverflowMenuTarget","controlledTableSelections","isEntireTableSelected","selectedFlatRows","rows","width","selectedRows","visibleActions","dropdownActions","small","minWidth","firstTwoActions","splice","extraActions","slice","reverse","cloneAction","action","index","cloneElement","component","key","as","args","createElement","length","Fragment","variant","iconAs","src","alt","id","ref","onClick","positionRef","onClose","placement","isOpen","gap","map","defaultProps","propTypes","string","arrayOf","shape","oneOfType","element","elementType","isRequired"],"sources":["../../src/DataTable/CollapsibleButtonGroup.jsx"],"sourcesContent":["import React, { useContext, useMemo, useState } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { MoreVert } from '../../icons';\nimport useToggle from '../hooks/useToggleHook';\nimport useWindowSize from '../hooks/useWindowSizeHook';\nimport DataTableContext from './DataTableContext';\nimport Icon from '../Icon';\nimport IconButton from '../IconButton';\nimport breakpoints from '../utils/breakpoints';\nimport ModalPopup from '../Modal/ModalPopup';\nimport Stack from '../Stack';\nimport Button from '../Button';\n\nexport const ACTION_OVERFLOW_BUTTON_TEXT = 'More actions';\nexport const SMALL_SCREEN_ACTION_OVERFLOW_BUTTON_TEXT = 'Actions';\n\nfunction CollapsibleButtonGroup({\n  className,\n  actions,\n  ...rest\n}) {\n  const [isOverflowMenuOpen, openOverflowMenu, closeOverflowMenu] = useToggle(false);\n  const [overflowMenuTarget, setOverflowMenuTarget] = useState(null);\n  const {\n    controlledTableSelections: [{ isEntireTableSelected }],\n    selectedFlatRows,\n    rows,\n  } = useContext(DataTableContext);\n  const { width } = useWindowSize();\n  const selectedRows = selectedFlatRows || rows;\n\n  const [visibleActions, dropdownActions] = useMemo(() => {\n    if (width < breakpoints.small.minWidth) {\n      // On a small screen, all actions will be in the overflow menu\n      return [[], [...actions]];\n    }\n    // The first two actions will be displayed as buttons, the rest will go in an overflow menu\n    const firstTwoActions = [...actions].splice(0, 2);\n    const extraActions = [...actions].slice(2);\n\n    /*  Reversing the array because to the user it makes sense to put the primary button first,\n        but we want it on the right */\n    return [firstTwoActions.reverse(), extraActions];\n  }, [actions, width]);\n\n  if (!isEntireTableSelected && !selectedRows) {\n    return null;\n  }\n\n  const cloneAction = (action, index) => React.cloneElement(\n    action.component,\n    {\n      key: `${action}${index}`,\n      as: Button, // for backwards compatibility this is needed\n      ...action.args,\n    },\n  );\n\n  return (\n    <div className={className} {...rest}>\n      {dropdownActions.length > 0 && (\n        <>\n          <IconButton\n            variant=\"secondary\"\n            iconAs={Icon}\n            src={MoreVert}\n            alt={width > breakpoints.small.minWidth\n              ? ACTION_OVERFLOW_BUTTON_TEXT : SMALL_SCREEN_ACTION_OVERFLOW_BUTTON_TEXT}\n            id=\"actions-dropdown\"\n            ref={setOverflowMenuTarget}\n            onClick={openOverflowMenu}\n          />\n          <ModalPopup\n            positionRef={overflowMenuTarget}\n            onClose={closeOverflowMenu}\n            placement=\"bottom-end\"\n            isOpen={isOverflowMenuOpen}\n          >\n            <div className=\"pgn__data-table__overflow-actions-menu\">\n              <Stack gap={2}>\n                {dropdownActions.map(cloneAction)}\n              </Stack>\n            </div>\n          </ModalPopup>\n        </>\n      )}\n      <div className=\"pgn__data-table__visible-actions\">\n        {visibleActions.map(cloneAction)}\n      </div>\n    </div>\n  );\n}\n\nCollapsibleButtonGroup.defaultProps = {\n  className: null,\n};\n\nCollapsibleButtonGroup.propTypes = {\n  /** Class names for the div wrapping the button components */\n  className: PropTypes.string,\n  /** Array of action objects, containing a component and their callback args */\n  actions: PropTypes.arrayOf(PropTypes.shape({\n    component: PropTypes.oneOfType([PropTypes.element, PropTypes.elementType]).isRequired,\n    args: PropTypes.shape({}),\n  })).isRequired,\n};\n\nexport default CollapsibleButtonGroup;\n"],"mappings":"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","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/DataTable/filters/CheckboxFilter.js

@@ -40,7 +40,7 @@ function CheckboxFilter({
     value
   }) => /*#__PURE__*/React.createElement(Form.Checkbox, {
     key: `${headerBasedId}${name}`,
-    value: name,
+    value: value,
     checked: checkedBoxes.includes(value),
     onChange: () => changeCheckbox(value),
     "aria-label": name

package/dist/DataTable/filters/CheckboxFilter.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxFilter.js","names":["React","useRef","useMemo","PropTypes","Form","FormLabel","Badge","Stack","newId","CheckboxFilter","column","filterValue","setFilter","Header","filterChoices","getHeaderProps","ariaLabel","key","checkedBoxes","changeCheckbox","value","includes","newCheckedBoxes","filter","val","push","headerBasedId","createElement","Group","role","current","id","className","CheckboxSet","name","map","number","Checkbox","checked","onChange","direction","gap","undefined","variant","propTypes","shape","func","isRequired","oneOfType","elementType","node","arrayOf","string"],"sources":["../../../src/DataTable/filters/CheckboxFilter.jsx"],"sourcesContent":["import React, { useRef, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport Form, { FormLabel } from '../../Form';\nimport Badge from '../../Badge';\nimport Stack from '../../Stack';\nimport { newId } from '../../utils';\n\nfunction CheckboxFilter({\n  column: {\n    filterValue, setFilter, Header, filterChoices, getHeaderProps,\n  },\n}) {\n  // creates a unique label that does not change on re-render in case there are multiple checkbox filters in the dom\n  const ariaLabel = useRef(newId(`checkbox-filter-label-${getHeaderProps().key}-`));\n\n  const checkedBoxes = filterValue || [];\n  const changeCheckbox = (value) => {\n    if (checkedBoxes.includes(value)) {\n      const newCheckedBoxes = checkedBoxes.filter((val) => val !== value);\n      return setFilter(newCheckedBoxes);\n    }\n    checkedBoxes.push(value);\n    return setFilter(checkedBoxes);\n  };\n  const headerBasedId = useMemo(() => `checkbox-filter-check-${getHeaderProps().key}-`, [getHeaderProps]);\n\n  return (\n    <Form.Group role=\"group\" aria-labelledby={ariaLabel.current}>\n      <FormLabel id={ariaLabel.current} className=\"pgn__checkbox-filter-label\">{Header}</FormLabel>\n      <Form.CheckboxSet name={Header} value={checkedBoxes}>\n        {filterChoices.map(({ name, number, value }) => (\n          <Form.Checkbox\n            key={`${headerBasedId}${name}`}\n            value={name}\n            checked={checkedBoxes.includes(value)}\n            onChange={() => changeCheckbox(value)}\n            aria-label={name}\n          >\n            <Stack direction=\"horizontal\" gap={2}>\n              {name} {number !== undefined && <Badge variant=\"light\">{number}</Badge>}\n            </Stack>\n          </Form.Checkbox>\n        ))}\n      </Form.CheckboxSet>\n    </Form.Group>\n  );\n}\n\nCheckboxFilter.propTypes = {\n  /**\n   * Specifies a column object.\n   *\n   * `setFilter`: Function to set the filter value.\n   *\n   * `Header`: Column header used for labels and placeholders.\n   *\n   * `filterChoices`: Specifies array of choices.\n   *\n   * `getHeaderProps`: Generates a key unique to the column being filtered.\n   *\n   * `filterValue`: Value for the filter input.\n   */\n  column: PropTypes.shape({\n    setFilter: PropTypes.func.isRequired,\n    Header: PropTypes.oneOfType([PropTypes.elementType, PropTypes.node]).isRequired,\n    filterChoices: PropTypes.arrayOf(PropTypes.shape({\n      name: PropTypes.string.isRequired,\n      value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n      number: PropTypes.number,\n    })).isRequired,\n    getHeaderProps: PropTypes.func.isRequired,\n    filterValue: PropTypes.arrayOf(PropTypes.string),\n  }).isRequired,\n};\n\nexport default CheckboxFilter;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,MAAM,EAAEC,OAAO,QAAQ,OAAO;AAC9C,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,IAAI,IAAIC,SAAS,QAAQ,YAAY;AAC5C,OAAOC,KAAK,MAAM,aAAa;AAC/B,OAAOC,KAAK,MAAM,aAAa;AAC/B,SAASC,KAAK,QAAQ,aAAa;AAEnC,SAASC,cAAcA,CAAC;EACtBC,MAAM,EAAE;IACNC,WAAW;IAAEC,SAAS;IAAEC,MAAM;IAAEC,aAAa;IAAEC;EACjD;AACF,CAAC,EAAE;EACD;EACA,MAAMC,SAAS,GAAGf,MAAM,CAACO,KAAK,CAAC,yBAAyBO,cAAc,CAAC,CAAC,CAACE,GAAG,GAAG,CAAC,CAAC;EAEjF,MAAMC,YAAY,GAAGP,WAAW,IAAI,EAAE;EACtC,MAAMQ,cAAc,GAAIC,KAAK,IAAK;IAChC,IAAIF,YAAY,CAACG,QAAQ,CAACD,KAAK,CAAC,EAAE;MAChC,MAAME,eAAe,GAAGJ,YAAY,CAACK,MAAM,CAAEC,GAAG,IAAKA,GAAG,KAAKJ,KAAK,CAAC;MACnE,OAAOR,SAAS,CAACU,eAAe,CAAC;IACnC;IACAJ,YAAY,CAACO,IAAI,CAACL,KAAK,CAAC;IACxB,OAAOR,SAAS,CAACM,YAAY,CAAC;EAChC,CAAC;EACD,MAAMQ,aAAa,GAAGxB,OAAO,CAAC,MAAM,yBAAyBa,cAAc,CAAC,CAAC,CAACE,GAAG,GAAG,EAAE,CAACF,cAAc,CAAC,CAAC;EAEvG,oBACEf,KAAA,CAAA2B,aAAA,CAACvB,IAAI,CAACwB,KAAK;IAACC,IAAI,EAAC,OAAO;IAAC,mBAAiBb,SAAS,CAACc;EAAQ,gBAC1D9B,KAAA,CAAA2B,aAAA,CAACtB,SAAS;IAAC0B,EAAE,EAAEf,SAAS,CAACc,OAAQ;IAACE,SAAS,EAAC;EAA4B,GAAEnB,MAAkB,CAAC,eAC7Fb,KAAA,CAAA2B,aAAA,CAACvB,IAAI,CAAC6B,WAAW;IAACC,IAAI,EAAErB,MAAO;IAACO,KAAK,EAAEF;EAAa,GACjDJ,aAAa,CAACqB,GAAG,CAAC,CAAC;IAAED,IAAI;IAAEE,MAAM;IAAEhB;EAAM,CAAC,kBACzCpB,KAAA,CAAA2B,aAAA,CAACvB,IAAI,CAACiC,QAAQ;IACZpB,GAAG,EAAE,GAAGS,aAAa,GAAGQ,IAAI,EAAG;IAC/Bd,KAAK,EAAEc,IAAK;IACZI,OAAO,EAAEpB,YAAY,CAACG,QAAQ,CAACD,KAAK,CAAE;IACtCmB,QAAQ,EAAEA,CAAA,KAAMpB,cAAc,CAACC,KAAK,CAAE;IACtC,cAAYc;EAAK,gBAEjBlC,KAAA,CAAA2B,aAAA,CAACpB,KAAK;IAACiC,SAAS,EAAC,YAAY;IAACC,GAAG,EAAE;EAAE,GAClCP,IAAI,EAAC,GAAC,EAACE,MAAM,KAAKM,SAAS,iBAAI1C,KAAA,CAAA2B,aAAA,CAACrB,KAAK;IAACqC,OAAO,EAAC;EAAO,GAAEP,MAAc,CACjE,CACM,CAChB,CACe,CACR,CAAC;AAEjB;AAEA3B,cAAc,CAACmC,SAAS,GAAG;EACzB;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACElC,MAAM,EAAEP,SAAS,CAAC0C,KAAK,CAAC;IACtBjC,SAAS,EAAET,SAAS,CAAC2C,IAAI,CAACC,UAAU;IACpClC,MAAM,EAAEV,SAAS,CAAC6C,SAAS,CAAC,CAAC7C,SAAS,CAAC8C,WAAW,EAAE9C,SAAS,CAAC+C,IAAI,CAAC,CAAC,CAACH,UAAU;IAC/EjC,aAAa,EAAEX,SAAS,CAACgD,OAAO,CAAChD,SAAS,CAAC0C,KAAK,CAAC;MAC/CX,IAAI,EAAE/B,SAAS,CAACiD,MAAM,CAACL,UAAU;MACjC3B,KAAK,EAAEjB,SAAS,CAAC6C,SAAS,CAAC,CAAC7C,SAAS,CAACiD,MAAM,EAAEjD,SAAS,CAACiC,MAAM,CAAC,CAAC;MAChEA,MAAM,EAAEjC,SAAS,CAACiC;IACpB,CAAC,CAAC,CAAC,CAACW,UAAU;IACdhC,cAAc,EAAEZ,SAAS,CAAC2C,IAAI,CAACC,UAAU;IACzCpC,WAAW,EAAER,SAAS,CAACgD,OAAO,CAAChD,SAAS,CAACiD,MAAM;EACjD,CAAC,CAAC,CAACL;AACL,CAAC;AAED,eAAetC,cAAc","ignoreList":[]}
+{"version":3,"file":"CheckboxFilter.js","names":["React","useRef","useMemo","PropTypes","Form","FormLabel","Badge","Stack","newId","CheckboxFilter","column","filterValue","setFilter","Header","filterChoices","getHeaderProps","ariaLabel","key","checkedBoxes","changeCheckbox","value","includes","newCheckedBoxes","filter","val","push","headerBasedId","createElement","Group","role","current","id","className","CheckboxSet","name","map","number","Checkbox","checked","onChange","direction","gap","undefined","variant","propTypes","shape","func","isRequired","oneOfType","elementType","node","arrayOf","string"],"sources":["../../../src/DataTable/filters/CheckboxFilter.jsx"],"sourcesContent":["import React, { useRef, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport Form, { FormLabel } from '../../Form';\nimport Badge from '../../Badge';\nimport Stack from '../../Stack';\nimport { newId } from '../../utils';\n\nfunction CheckboxFilter({\n  column: {\n    filterValue, setFilter, Header, filterChoices, getHeaderProps,\n  },\n}) {\n  // creates a unique label that does not change on re-render in case there are multiple checkbox filters in the dom\n  const ariaLabel = useRef(newId(`checkbox-filter-label-${getHeaderProps().key}-`));\n\n  const checkedBoxes = filterValue || [];\n  const changeCheckbox = (value) => {\n    if (checkedBoxes.includes(value)) {\n      const newCheckedBoxes = checkedBoxes.filter((val) => val !== value);\n      return setFilter(newCheckedBoxes);\n    }\n    checkedBoxes.push(value);\n    return setFilter(checkedBoxes);\n  };\n  const headerBasedId = useMemo(() => `checkbox-filter-check-${getHeaderProps().key}-`, [getHeaderProps]);\n\n  return (\n    <Form.Group role=\"group\" aria-labelledby={ariaLabel.current}>\n      <FormLabel id={ariaLabel.current} className=\"pgn__checkbox-filter-label\">{Header}</FormLabel>\n      <Form.CheckboxSet name={Header} value={checkedBoxes}>\n        {filterChoices.map(({ name, number, value }) => (\n          <Form.Checkbox\n            key={`${headerBasedId}${name}`}\n            value={value}\n            checked={checkedBoxes.includes(value)}\n            onChange={() => changeCheckbox(value)}\n            aria-label={name}\n          >\n            <Stack direction=\"horizontal\" gap={2}>\n              {name} {number !== undefined && <Badge variant=\"light\">{number}</Badge>}\n            </Stack>\n          </Form.Checkbox>\n        ))}\n      </Form.CheckboxSet>\n    </Form.Group>\n  );\n}\n\nCheckboxFilter.propTypes = {\n  /**\n   * Specifies a column object.\n   *\n   * `setFilter`: Function to set the filter value.\n   *\n   * `Header`: Column header used for labels and placeholders.\n   *\n   * `filterChoices`: Specifies array of choices.\n   *\n   * `getHeaderProps`: Generates a key unique to the column being filtered.\n   *\n   * `filterValue`: Value for the filter input.\n   */\n  column: PropTypes.shape({\n    setFilter: PropTypes.func.isRequired,\n    Header: PropTypes.oneOfType([PropTypes.elementType, PropTypes.node]).isRequired,\n    filterChoices: PropTypes.arrayOf(PropTypes.shape({\n      name: PropTypes.string.isRequired,\n      value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n      number: PropTypes.number,\n    })).isRequired,\n    getHeaderProps: PropTypes.func.isRequired,\n    filterValue: PropTypes.arrayOf(PropTypes.string),\n  }).isRequired,\n};\n\nexport default CheckboxFilter;\n"],"mappings":"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","ignoreList":[]}