@coorpacademy/components 11.13.3 → 11.13.4

package/es/molecule/bullet-point-menu-button/index.d.ts

@@ -1,19 +1,22 @@
-export default BulletPointMenuButton;
-declare function BulletPointMenuButton(props: any): JSX.Element;
-declare namespace BulletPointMenuButton {
-    namespace propTypes {
-        const disabled: PropTypes.Requireable<boolean>;
-        const buttonAriaLabel: PropTypes.Requireable<string>;
-        const menuAriaLabel: PropTypes.Requireable<string>;
-        const buttons: PropTypes.Validator<(PropTypes.InferProps<{
-            'data-name': PropTypes.Requireable<string>;
-            disabled: PropTypes.Requireable<boolean>;
-            label: PropTypes.Validator<string>;
-            onClick: PropTypes.Validator<(...args: any[]) => any>;
-            type: PropTypes.Requireable<string>;
+/// <reference types="react" />
+import { BulletPointMenuButtonProps } from './types';
+declare const BulletPointMenuButton: {
+    (props: BulletPointMenuButtonProps): JSX.Element;
+    propTypes: {
+        disabled: import("prop-types").Requireable<boolean>;
+        buttonAriaLabel: import("prop-types").Requireable<string>;
+        menuAriaLabel: import("prop-types").Requireable<string>;
+        buttons: import("prop-types").Validator<(import("prop-types").InferProps<{
+            'data-name': import("prop-types").Requireable<string>;
+            disabled: import("prop-types").Requireable<boolean>;
+            label: import("prop-types").Validator<string>;
+            onClick: import("prop-types").Validator<(...args: any[]) => any>;
+            type: import("prop-types").Requireable<string>;
         }> | null | undefined)[]>;
-        const onClick: PropTypes.Requireable<(...args: any[]) => any>;
-    }
-}
-import PropTypes from "prop-types";
+        onClick: import("prop-types").Requireable<(...args: any[]) => any>;
+        menuButtonClassName: import("prop-types").Requireable<string>;
+        isBulkMenu: import("prop-types").Requireable<boolean>;
+    };
+};
+export default BulletPointMenuButton;
 //# sourceMappingURL=index.d.ts.map

package/es/molecule/bullet-point-menu-button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/bullet-point-menu-button/index.js"],"names":[],"mappings":";AAMA,gEA6BC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/bullet-point-menu-button/index.tsx"],"names":[],"mappings":";AAIA,OAAkB,EAAC,0BAA0B,EAAC,MAAM,SAAS,CAAC;AAG9D,QAAA,MAAM,qBAAqB;YAAW,0BAA0B;;;;;;;;;;;;;;;;CA0C/D,CAAC;AAIF,eAAe,qBAAqB,CAAC"}

package/es/molecule/bullet-point-menu-button/index.js

@@ -1,7 +1,8 @@
 import React, { useCallback } from 'react';
-import PropTypes from 'prop-types';
+import classnames from 'classnames';
 import ButtonLinkIconOnly from '../../atom/button-link-icon-only';
 import ButtonMenu from '../../atom/button-menu';
+import propTypes from './types';
 import style from './style.css';
 
 const BulletPointMenuButton = props => {
@@ -10,7 +11,9 @@ const BulletPointMenuButton = props => {
     buttonAriaLabel,
     menuAriaLabel,
     onClick,
-    buttons
+    buttons,
+    menuButtonClassName,
+    isBulkMenu
   } = props;
   const handleOnClick = useCallback(() => onClick(), [onClick]);
   const menuProps = {
@@ -18,7 +21,7 @@ const BulletPointMenuButton = props => {
     buttons
   };
   const menu = /*#__PURE__*/React.createElement("div", {
-    className: style.bulletPointMenu,
+    className: classnames(style.bulletPointMenu, isBulkMenu && style.bulkBulletPointMenu),
     "data-name": "menu-wrapper",
     "aria-label": menuAriaLabel
   }, /*#__PURE__*/React.createElement(ButtonMenu, menuProps));
@@ -28,7 +31,8 @@ const BulletPointMenuButton = props => {
     'data-name': 'bullet-point-button',
     icon: 'bullet-point',
     onClick: handleOnClick,
-    disabled
+    disabled,
+    className: menuButtonClassName
   };
   return /*#__PURE__*/React.createElement("div", {
     className: style.bulletPointWrapper,
@@ -36,12 +40,6 @@ const BulletPointMenuButton = props => {
   }, /*#__PURE__*/React.createElement(ButtonLinkIconOnly, bulletPointButtonProps), menu);
 };
 
-BulletPointMenuButton.propTypes = process.env.NODE_ENV !== "production" ? {
-  disabled: PropTypes.bool,
-  buttonAriaLabel: PropTypes.string,
-  menuAriaLabel: PropTypes.string,
-  buttons: ButtonMenu.propTypes.buttons,
-  onClick: PropTypes.func
-} : {};
+BulletPointMenuButton.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 export default BulletPointMenuButton;
 //# sourceMappingURL=index.js.map

package/es/molecule/bullet-point-menu-button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","PropTypes","ButtonLinkIconOnly","ButtonMenu","style","BulletPointMenuButton","props","disabled","buttonAriaLabel","menuAriaLabel","onClick","buttons","handleOnClick","menuProps","menu","bulletPointMenu","bulletPointButtonProps","size","icon","bulletPointWrapper","propTypes","bool","string","func"],"sources":["../../../src/molecule/bullet-point-menu-button/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport ButtonMenu from '../../atom/button-menu';\nimport style from './style.css';\n\nconst BulletPointMenuButton = props => {\n  const {disabled = false, buttonAriaLabel, menuAriaLabel, onClick, buttons} = props;\n  const handleOnClick = useCallback(() => onClick(), [onClick]);\n\n  const menuProps = {\n    'data-name': 'button-menu',\n    buttons\n  };\n\n  const menu = (\n    <div className={style.bulletPointMenu} data-name=\"menu-wrapper\" aria-label={menuAriaLabel}>\n      <ButtonMenu {...menuProps} />\n    </div>\n  );\n  const bulletPointButtonProps = {\n    size: 'default',\n    'aria-label': buttonAriaLabel,\n    'data-name': 'bullet-point-button',\n    icon: 'bullet-point',\n    onClick: handleOnClick,\n    disabled\n  };\n\n  return (\n    <div className={style.bulletPointWrapper} data-name=\"bullet-point-wrapper\">\n      <ButtonLinkIconOnly {...bulletPointButtonProps} />\n      {menu}\n    </div>\n  );\n};\n\nBulletPointMenuButton.propTypes = {\n  disabled: PropTypes.bool,\n  buttonAriaLabel: PropTypes.string,\n  menuAriaLabel: PropTypes.string,\n  buttons: ButtonMenu.propTypes.buttons,\n  onClick: PropTypes.func\n};\n\nexport default BulletPointMenuButton;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAeC,WAAf,QAAiC,OAAjC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,kBAAP,MAA+B,kCAA/B;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,qBAAqB,GAAGC,KAAK,IAAI;EACrC,MAAM;IAACC,QAAQ,GAAG,KAAZ;IAAmBC,eAAnB;IAAoCC,aAApC;IAAmDC,OAAnD;IAA4DC;EAA5D,IAAuEL,KAA7E;EACA,MAAMM,aAAa,GAAGZ,WAAW,CAAC,MAAMU,OAAO,EAAd,EAAkB,CAACA,OAAD,CAAlB,CAAjC;EAEA,MAAMG,SAAS,GAAG;IAChB,aAAa,aADG;IAEhBF;EAFgB,CAAlB;EAKA,MAAMG,IAAI,gBACR;IAAK,SAAS,EAAEV,KAAK,CAACW,eAAtB;IAAuC,aAAU,cAAjD;IAAgE,cAAYN;EAA5E,gBACE,oBAAC,UAAD,EAAgBI,SAAhB,CADF,CADF;EAKA,MAAMG,sBAAsB,GAAG;IAC7BC,IAAI,EAAE,SADuB;IAE7B,cAAcT,eAFe;IAG7B,aAAa,qBAHgB;IAI7BU,IAAI,EAAE,cAJuB;IAK7BR,OAAO,EAAEE,aALoB;IAM7BL;EAN6B,CAA/B;EASA,oBACE;IAAK,SAAS,EAAEH,KAAK,CAACe,kBAAtB;IAA0C,aAAU;EAApD,gBACE,oBAAC,kBAAD,EAAwBH,sBAAxB,CADF,EAEGF,IAFH,CADF;AAMD,CA7BD;;AA+BAT,qBAAqB,CAACe,SAAtB,2CAAkC;EAChCb,QAAQ,EAAEN,SAAS,CAACoB,IADY;EAEhCb,eAAe,EAAEP,SAAS,CAACqB,MAFK;EAGhCb,aAAa,EAAER,SAAS,CAACqB,MAHO;EAIhCX,OAAO,EAAER,UAAU,CAACiB,SAAX,CAAqBT,OAJE;EAKhCD,OAAO,EAAET,SAAS,CAACsB;AALa,CAAlC;AAQA,eAAelB,qBAAf"}
+{"version":3,"file":"index.js","names":["React","useCallback","classnames","ButtonLinkIconOnly","ButtonMenu","propTypes","style","BulletPointMenuButton","props","disabled","buttonAriaLabel","menuAriaLabel","onClick","buttons","menuButtonClassName","isBulkMenu","handleOnClick","menuProps","menu","bulletPointMenu","bulkBulletPointMenu","bulletPointButtonProps","size","icon","className","bulletPointWrapper"],"sources":["../../../src/molecule/bullet-point-menu-button/index.tsx"],"sourcesContent":["import React, {useCallback} from 'react';\nimport classnames from 'classnames';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport ButtonMenu from '../../atom/button-menu';\nimport propTypes, {BulletPointMenuButtonProps} from './types';\nimport style from './style.css';\n\nconst BulletPointMenuButton = (props: BulletPointMenuButtonProps) => {\n  const {\n    disabled = false,\n    buttonAriaLabel,\n    menuAriaLabel,\n    onClick,\n    buttons,\n    menuButtonClassName,\n    isBulkMenu\n  } = props;\n  const handleOnClick = useCallback(() => onClick(), [onClick]);\n\n  const menuProps = {\n    'data-name': 'button-menu',\n    buttons\n  };\n\n  const menu = (\n    <div\n      className={classnames(style.bulletPointMenu, isBulkMenu && style.bulkBulletPointMenu)}\n      data-name=\"menu-wrapper\"\n      aria-label={menuAriaLabel}\n    >\n      <ButtonMenu {...menuProps} />\n    </div>\n  );\n  const bulletPointButtonProps = {\n    size: 'default',\n    'aria-label': buttonAriaLabel,\n    'data-name': 'bullet-point-button',\n    icon: 'bullet-point',\n    onClick: handleOnClick,\n    disabled,\n    className: menuButtonClassName\n  };\n\n  return (\n    <div className={style.bulletPointWrapper} data-name=\"bullet-point-wrapper\">\n      <ButtonLinkIconOnly {...bulletPointButtonProps} />\n      {menu}\n    </div>\n  );\n};\n\nBulletPointMenuButton.propTypes = propTypes;\n\nexport default BulletPointMenuButton;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAeC,WAAf,QAAiC,OAAjC;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,kBAAP,MAA+B,kCAA/B;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AACA,OAAOC,SAAP,MAAoD,SAApD;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,qBAAqB,GAAIC,KAAD,IAAuC;EACnE,MAAM;IACJC,QAAQ,GAAG,KADP;IAEJC,eAFI;IAGJC,aAHI;IAIJC,OAJI;IAKJC,OALI;IAMJC,mBANI;IAOJC;EAPI,IAQFP,KARJ;EASA,MAAMQ,aAAa,GAAGf,WAAW,CAAC,MAAMW,OAAO,EAAd,EAAkB,CAACA,OAAD,CAAlB,CAAjC;EAEA,MAAMK,SAAS,GAAG;IAChB,aAAa,aADG;IAEhBJ;EAFgB,CAAlB;EAKA,MAAMK,IAAI,gBACR;IACE,SAAS,EAAEhB,UAAU,CAACI,KAAK,CAACa,eAAP,EAAwBJ,UAAU,IAAIT,KAAK,CAACc,mBAA5C,CADvB;IAEE,aAAU,cAFZ;IAGE,cAAYT;EAHd,gBAKE,oBAAC,UAAD,EAAgBM,SAAhB,CALF,CADF;EASA,MAAMI,sBAAsB,GAAG;IAC7BC,IAAI,EAAE,SADuB;IAE7B,cAAcZ,eAFe;IAG7B,aAAa,qBAHgB;IAI7Ba,IAAI,EAAE,cAJuB;IAK7BX,OAAO,EAAEI,aALoB;IAM7BP,QAN6B;IAO7Be,SAAS,EAAEV;EAPkB,CAA/B;EAUA,oBACE;IAAK,SAAS,EAAER,KAAK,CAACmB,kBAAtB;IAA0C,aAAU;EAApD,gBACE,oBAAC,kBAAD,EAAwBJ,sBAAxB,CADF,EAEGH,IAFH,CADF;AAMD,CA1CD;;AA4CAX,qBAAqB,CAACF,SAAtB,2CAAkCA,SAAlC;AAEA,eAAeE,qBAAf"}

package/es/molecule/bullet-point-menu-button/style.css

@@ -53,3 +53,23 @@ button:focus + .bulletPointMenu {
 */
 .bulletPointWrapper > button:focus { pointer-events: none; }
 .bulletPointWrapper > button:not(:focus) { pointer-events: auto; }
+
+/* 
+  bulk theme
+*/
+.bulkBulletPointMenu{
+  min-width: 80px;
+  /* positioning */
+  position: absolute;
+  align-self: flex-end;
+  bottom: 54px;
+  right: 0px;
+  /* elevation shadow */
+  box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;
+  z-index: 1;
+  /* round corners */
+  border-radius: 7px;
+  overflow: hidden;
+  background-color: cm_grey_100;
+  width: 142px;
+}

package/es/molecule/bullet-point-menu-button/types.d.ts

@@ -0,0 +1,31 @@
+import PropTypes from 'prop-types';
+import { ButtonProps } from '../../atom/button-menu/types';
+declare const propTypes: {
+    disabled: PropTypes.Requireable<boolean>;
+    buttonAriaLabel: PropTypes.Requireable<string>;
+    menuAriaLabel: PropTypes.Requireable<string>;
+    buttons: PropTypes.Validator<(PropTypes.InferProps<{
+        'data-name': PropTypes.Requireable<string>;
+        disabled: PropTypes.Requireable<boolean>;
+        label: PropTypes.Validator<string>;
+        onClick: PropTypes.Validator<(...args: any[]) => any>;
+        type: PropTypes.Requireable<string>;
+    }> | null | undefined)[]>;
+    onClick: PropTypes.Requireable<(...args: any[]) => any>;
+    menuButtonClassName: PropTypes.Requireable<string>;
+    isBulkMenu: PropTypes.Requireable<boolean>;
+};
+export default propTypes;
+export declare type BulletPointMenuButtonProps = {
+    disabled?: boolean;
+    buttonAriaLabel?: string;
+    menuAriaLabel?: string;
+    buttons: ButtonProps[];
+    onClick: () => void;
+    menuButtonClassName?: string;
+    isBulkMenu?: boolean;
+};
+export declare type BulletPointMenuButtonPropsFixture = {
+    props: BulletPointMenuButtonProps;
+};
+//# sourceMappingURL=types.d.ts.map

package/es/molecule/bullet-point-menu-button/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/bullet-point-menu-button/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAC,WAAW,EAAC,MAAM,8BAA8B,CAAC;AAEzD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;CAQd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,oBAAY,0BAA0B,GAAG;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,oBAAY,iCAAiC,GAAG;IAAC,KAAK,EAAE,0BAA0B,CAAA;CAAC,CAAC"}

package/es/molecule/bullet-point-menu-button/types.js

@@ -0,0 +1,13 @@
+import PropTypes from 'prop-types';
+import ButtonMenu from '../../atom/button-menu';
+const propTypes = {
+  disabled: PropTypes.bool,
+  buttonAriaLabel: PropTypes.string,
+  menuAriaLabel: PropTypes.string,
+  buttons: ButtonMenu.propTypes.buttons,
+  onClick: PropTypes.func,
+  menuButtonClassName: PropTypes.string,
+  isBulkMenu: PropTypes.bool
+};
+export default propTypes;
+//# sourceMappingURL=types.js.map

package/es/molecule/bullet-point-menu-button/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":["PropTypes","ButtonMenu","propTypes","disabled","bool","buttonAriaLabel","string","menuAriaLabel","buttons","onClick","func","menuButtonClassName","isBulkMenu"],"sources":["../../../src/molecule/bullet-point-menu-button/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport ButtonMenu from '../../atom/button-menu';\nimport {ButtonProps} from '../../atom/button-menu/types';\n\nconst propTypes = {\n  disabled: PropTypes.bool,\n  buttonAriaLabel: PropTypes.string,\n  menuAriaLabel: PropTypes.string,\n  buttons: ButtonMenu.propTypes.buttons,\n  onClick: PropTypes.func,\n  menuButtonClassName: PropTypes.string,\n  isBulkMenu: PropTypes.bool\n};\n\nexport default propTypes;\n\nexport type BulletPointMenuButtonProps = {\n  disabled?: boolean;\n  buttonAriaLabel?: string;\n  menuAriaLabel?: string;\n  buttons: ButtonProps[];\n  onClick: () => void;\n  menuButtonClassName?: string;\n  isBulkMenu?: boolean;\n};\n\nexport type BulletPointMenuButtonPropsFixture = {props: BulletPointMenuButtonProps};\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AAGA,MAAMC,SAAS,GAAG;EAChBC,QAAQ,EAAEH,SAAS,CAACI,IADJ;EAEhBC,eAAe,EAAEL,SAAS,CAACM,MAFX;EAGhBC,aAAa,EAAEP,SAAS,CAACM,MAHT;EAIhBE,OAAO,EAAEP,UAAU,CAACC,SAAX,CAAqBM,OAJd;EAKhBC,OAAO,EAAET,SAAS,CAACU,IALH;EAMhBC,mBAAmB,EAAEX,SAAS,CAACM,MANf;EAOhBM,UAAU,EAAEZ,SAAS,CAACI;AAPN,CAAlB;AAUA,eAAeF,SAAf"}

package/es/molecule/empty-state-dashboard/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Props } from './types';
+import { EmptyStateDashboardProps as Props } from './types';
 declare const EmptyStateDashboard: {
     ({ mainText, subText, imageUrl, buttonLink }: Props): JSX.Element;
     propTypes: {

package/es/molecule/empty-state-dashboard/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/empty-state-dashboard/index.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAC,KAAK,EAAY,MAAM,SAAS,CAAC;AAEzC,QAAA,MAAM,mBAAmB;kDAA+C,KAAK;;;;;;;;;;;;;;;;;CAW5E,CAAC;AAIF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/empty-state-dashboard/index.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAC,wBAAwB,IAAI,KAAK,EAAY,MAAM,SAAS,CAAC;AAErE,QAAA,MAAM,mBAAmB;kDAA+C,KAAK;;;;;;;;;;;;;;;;;CAa5E,CAAC;AAIF,eAAe,mBAAmB,CAAC"}

package/es/molecule/empty-state-dashboard/index.js

@@ -12,11 +12,11 @@ const EmptyStateDashboard = ({
   buttonLink
 }) => /*#__PURE__*/React.createElement("div", {
   className: style.container
-}, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("img", {
+}, /*#__PURE__*/React.createElement("div", null, imageUrl && typeof imageUrl === 'string' ? /*#__PURE__*/React.createElement("img", {
   className: style.img,
   src: imageUrl,
   "aria-hidden": "true"
-})), /*#__PURE__*/React.createElement("p", {
+}) : null), /*#__PURE__*/React.createElement("p", {
   className: style.mainText
 }, mainText), /*#__PURE__*/React.createElement("p", {
   className: style.subText

package/es/molecule/empty-state-dashboard/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","ButtonLink","style","propTypes","EmptyStateDashboard","mainText","subText","imageUrl","buttonLink","container","img","buttonContainer","button"],"sources":["../../../src/molecule/empty-state-dashboard/index.tsx"],"sourcesContent":["import React from 'react';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\nimport {Props, propTypes} from './types';\n\nconst EmptyStateDashboard = ({mainText, subText, imageUrl, buttonLink}: Props) => (\n  <div className={style.container}>\n    <div>\n      <img className={style.img} src={imageUrl} aria-hidden=\"true\" />\n    </div>\n    <p className={style.mainText}>{mainText}</p>\n    <p className={style.subText}>{subText}</p>\n    <div className={style.buttonContainer}>\n      <ButtonLink {...buttonLink} className={style.button} />\n    </div>\n  </div>\n);\n\nEmptyStateDashboard.propTypes = propTypes;\n\nexport default EmptyStateDashboard;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AACA,SAAeC,SAAf,QAA+B,SAA/B;;AAEA,MAAMC,mBAAmB,GAAG,CAAC;EAACC,QAAD;EAAWC,OAAX;EAAoBC,QAApB;EAA8BC;AAA9B,CAAD,kBAC1B;EAAK,SAAS,EAAEN,KAAK,CAACO;AAAtB,gBACE,8CACE;EAAK,SAAS,EAAEP,KAAK,CAACQ,GAAtB;EAA2B,GAAG,EAAEH,QAAhC;EAA0C,eAAY;AAAtD,EADF,CADF,eAIE;EAAG,SAAS,EAAEL,KAAK,CAACG;AAApB,GAA+BA,QAA/B,CAJF,eAKE;EAAG,SAAS,EAAEH,KAAK,CAACI;AAApB,GAA8BA,OAA9B,CALF,eAME;EAAK,SAAS,EAAEJ,KAAK,CAACS;AAAtB,gBACE,oBAAC,UAAD,eAAgBH,UAAhB;EAA4B,SAAS,EAAEN,KAAK,CAACU;AAA7C,GADF,CANF,CADF;;AAaAR,mBAAmB,CAACD,SAApB,2CAAgCA,SAAhC;AAEA,eAAeC,mBAAf"}
+{"version":3,"file":"index.js","names":["React","ButtonLink","style","propTypes","EmptyStateDashboard","mainText","subText","imageUrl","buttonLink","container","img","buttonContainer","button"],"sources":["../../../src/molecule/empty-state-dashboard/index.tsx"],"sourcesContent":["import React from 'react';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\nimport {EmptyStateDashboardProps as Props, propTypes} from './types';\n\nconst EmptyStateDashboard = ({mainText, subText, imageUrl, buttonLink}: Props) => (\n  <div className={style.container}>\n    <div>\n      {imageUrl && typeof imageUrl === 'string' ? (\n        <img className={style.img} src={imageUrl} aria-hidden=\"true\" />\n      ) : null}\n    </div>\n    <p className={style.mainText}>{mainText}</p>\n    <p className={style.subText}>{subText}</p>\n    <div className={style.buttonContainer}>\n      <ButtonLink {...buttonLink} className={style.button} />\n    </div>\n  </div>\n);\n\nEmptyStateDashboard.propTypes = propTypes;\n\nexport default EmptyStateDashboard;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AACA,SAA2CC,SAA3C,QAA2D,SAA3D;;AAEA,MAAMC,mBAAmB,GAAG,CAAC;EAACC,QAAD;EAAWC,OAAX;EAAoBC,QAApB;EAA8BC;AAA9B,CAAD,kBAC1B;EAAK,SAAS,EAAEN,KAAK,CAACO;AAAtB,gBACE,iCACGF,QAAQ,IAAI,OAAOA,QAAP,KAAoB,QAAhC,gBACC;EAAK,SAAS,EAAEL,KAAK,CAACQ,GAAtB;EAA2B,GAAG,EAAEH,QAAhC;EAA0C,eAAY;AAAtD,EADD,GAEG,IAHN,CADF,eAME;EAAG,SAAS,EAAEL,KAAK,CAACG;AAApB,GAA+BA,QAA/B,CANF,eAOE;EAAG,SAAS,EAAEH,KAAK,CAACI;AAApB,GAA8BA,OAA9B,CAPF,eAQE;EAAK,SAAS,EAAEJ,KAAK,CAACS;AAAtB,gBACE,oBAAC,UAAD,eAAgBH,UAAhB;EAA4B,SAAS,EAAEN,KAAK,CAACU;AAA7C,GADF,CARF,CADF;;AAeAR,mBAAmB,CAACD,SAApB,2CAAgCA,SAAhC;AAEA,eAAeC,mBAAf"}

package/es/molecule/empty-state-dashboard/types.d.ts

@@ -1,4 +1,6 @@
 import PropTypes from 'prop-types';
+import { ButtonLinkProps } from '../../atom/button-link/types';
+import Picture from '../../atom/picture';
 export declare const propTypes: {
     mainText: PropTypes.Requireable<string>;
     subText: PropTypes.Requireable<string>;
@@ -15,5 +17,11 @@ export declare const propTypes: {
         onClick: PropTypes.Requireable<(...args: any[]) => any>;
     }>>;
 };
+export declare type EmptyStateDashboardProps = {
+    mainText: string;
+    subText: string;
+    imageUrl: PropTypes.InferProps<typeof Picture.propTypes.src>;
+    buttonLink: ButtonLinkProps;
+};
 export declare type Props = PropTypes.InferProps<typeof propTypes>;
 //# sourceMappingURL=types.d.ts.map

package/es/molecule/empty-state-dashboard/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/empty-state-dashboard/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;CAerB,CAAC;AAEF,oBAAY,KAAK,GAAG,SAAS,CAAC,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/empty-state-dashboard/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAC,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAC7D,OAAO,OAAO,MAAM,oBAAoB,CAAC;AAEzC,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;CAerB,CAAC;AAEF,oBAAY,wBAAwB,GAAG;IACrC,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,SAAS,CAAC,UAAU,CAAC,OAAO,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IAC7D,UAAU,EAAE,eAAe,CAAC;CAC7B,CAAC;AAEF,oBAAY,KAAK,GAAG,SAAS,CAAC,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC"}

package/es/molecule/empty-state-dashboard/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["PropTypes","Picture","propTypes","mainText","string","subText","imageUrl","src","buttonLink","shape","type","label","ariaLabel","dataName","icon","position","onClick","func"],"sources":["../../../src/molecule/empty-state-dashboard/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport Picture from '../../atom/picture';\n\nexport const propTypes = {\n  mainText: PropTypes.string,\n  subText: PropTypes.string,\n  imageUrl: Picture.propTypes.src,\n  buttonLink: PropTypes.shape({\n    type: PropTypes.string,\n    label: PropTypes.string,\n    ariaLabel: PropTypes.string,\n    dataName: PropTypes.string,\n    icon: PropTypes.shape({\n      position: PropTypes.string,\n      type: PropTypes.string\n    }),\n    onClick: PropTypes.func\n  })\n};\n\nexport type Props = PropTypes.InferProps<typeof propTypes>;\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,OAAOC,OAAP,MAAoB,oBAApB;AAEA,OAAO,MAAMC,SAAS,GAAG;EACvBC,QAAQ,EAAEH,SAAS,CAACI,MADG;EAEvBC,OAAO,EAAEL,SAAS,CAACI,MAFI;EAGvBE,QAAQ,EAAEL,OAAO,CAACC,SAAR,CAAkBK,GAHL;EAIvBC,UAAU,EAAER,SAAS,CAACS,KAAV,CAAgB;IAC1BC,IAAI,EAAEV,SAAS,CAACI,MADU;IAE1BO,KAAK,EAAEX,SAAS,CAACI,MAFS;IAG1BQ,SAAS,EAAEZ,SAAS,CAACI,MAHK;IAI1BS,QAAQ,EAAEb,SAAS,CAACI,MAJM;IAK1BU,IAAI,EAAEd,SAAS,CAACS,KAAV,CAAgB;MACpBM,QAAQ,EAAEf,SAAS,CAACI,MADA;MAEpBM,IAAI,EAAEV,SAAS,CAACI;IAFI,CAAhB,CALoB;IAS1BY,OAAO,EAAEhB,SAAS,CAACiB;EATO,CAAhB;AAJW,CAAlB"}
+{"version":3,"file":"types.js","names":["PropTypes","Picture","propTypes","mainText","string","subText","imageUrl","src","buttonLink","shape","type","label","ariaLabel","dataName","icon","position","onClick","func"],"sources":["../../../src/molecule/empty-state-dashboard/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {ButtonLinkProps} from '../../atom/button-link/types';\nimport Picture from '../../atom/picture';\n\nexport const propTypes = {\n  mainText: PropTypes.string,\n  subText: PropTypes.string,\n  imageUrl: Picture.propTypes.src,\n  buttonLink: PropTypes.shape({\n    type: PropTypes.string,\n    label: PropTypes.string,\n    ariaLabel: PropTypes.string,\n    dataName: PropTypes.string,\n    icon: PropTypes.shape({\n      position: PropTypes.string,\n      type: PropTypes.string\n    }),\n    onClick: PropTypes.func\n  })\n};\n\nexport type EmptyStateDashboardProps = {\n  mainText: string;\n  subText: string;\n  imageUrl: PropTypes.InferProps<typeof Picture.propTypes.src>;\n  buttonLink: ButtonLinkProps;\n};\n\nexport type Props = PropTypes.InferProps<typeof propTypes>;\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AAEA,OAAOC,OAAP,MAAoB,oBAApB;AAEA,OAAO,MAAMC,SAAS,GAAG;EACvBC,QAAQ,EAAEH,SAAS,CAACI,MADG;EAEvBC,OAAO,EAAEL,SAAS,CAACI,MAFI;EAGvBE,QAAQ,EAAEL,OAAO,CAACC,SAAR,CAAkBK,GAHL;EAIvBC,UAAU,EAAER,SAAS,CAACS,KAAV,CAAgB;IAC1BC,IAAI,EAAEV,SAAS,CAACI,MADU;IAE1BO,KAAK,EAAEX,SAAS,CAACI,MAFS;IAG1BQ,SAAS,EAAEZ,SAAS,CAACI,MAHK;IAI1BS,QAAQ,EAAEb,SAAS,CAACI,MAJM;IAK1BU,IAAI,EAAEd,SAAS,CAACS,KAAV,CAAgB;MACpBM,QAAQ,EAAEf,SAAS,CAACI,MADA;MAEpBM,IAAI,EAAEV,SAAS,CAACI;IAFI,CAAhB,CALoB;IAS1BY,OAAO,EAAEhB,SAAS,CAACiB;EATO,CAAhB;AAJW,CAAlB"}

package/es/molecule/expandible-actionable-table/index.d.ts

@@ -0,0 +1,103 @@
+/// <reference types="react" />
+import { WebContextValues } from '../../atom/provider/web-context';
+import { Props } from './types';
+declare const ActionableExpandableErrorsTable: {
+    (props: Props, legacyContext: WebContextValues): JSX.Element;
+    contextTypes: {
+        skin: import("prop-types").Requireable<import("prop-types").InferProps<{
+            common: import("prop-types").Requireable<{
+                [x: string]: any;
+            }>;
+            images: import("prop-types").Requireable<import("prop-types").InferProps<{
+                'logo-mobile': import("prop-types").Requireable<any>;
+                logo: import("prop-types").Requireable<any>;
+                'logo-email': import("prop-types").Requireable<any>;
+                login: import("prop-types").Requireable<any>;
+            }>>;
+            icons: import("prop-types").Requireable<{
+                [x: string]: any;
+            }>;
+            mod: import("prop-types").Requireable<{
+                [x: string]: any;
+            }>;
+            courses: import("prop-types").Requireable<any[]>;
+            texts: import("prop-types").Requireable<{
+                [x: string]: any;
+            }>;
+        }>>;
+        translate: import("prop-types").Requireable<(...args: any[]) => any>;
+    };
+    propTypes: {
+        columns: import("prop-types").Requireable<(import("prop-types").InferProps<{
+            title: import("prop-types").Validator<string>;
+        }> | null | undefined)[]>;
+        rows: import("prop-types").Requireable<(import("prop-types").InferProps<{
+            fields: import("prop-types").Requireable<(NonNullable<string | import("prop-types").InferProps<{
+                type: import("prop-types").Requireable<string>;
+                current: import("prop-types").Requireable<boolean>;
+                icon: import("prop-types").Requireable<string>;
+                value: import("prop-types").Requireable<string>;
+            }> | null | undefined> | null | undefined)[]>;
+            isRowExpandible: import("prop-types").Requireable<boolean>;
+            lastField: import("prop-types").Requireable<NonNullable<string | import("prop-types").InferProps<{
+                type: import("prop-types").Requireable<string>;
+                disabled: import("prop-types").Requireable<boolean>;
+                buttonAriaLabel: import("prop-types").Requireable<string>;
+                menuAriaLabel: import("prop-types").Requireable<string>;
+                buttons: import("prop-types").Validator<(import("prop-types").InferProps<{
+                    'data-name': import("prop-types").Requireable<string>;
+                    disabled: import("prop-types").Requireable<boolean>;
+                    label: import("prop-types").Validator<string>;
+                    onClick: import("prop-types").Validator<(...args: any[]) => any>;
+                    type: import("prop-types").Requireable<string>;
+                }> | null | undefined)[]>;
+                onClick: import("prop-types").Requireable<(...args: any[]) => any>;
+                menuButtonClassName: import("prop-types").Requireable<string>;
+                isBulkMenu: import("prop-types").Requireable<boolean>;
+            }> | null | undefined>>;
+        }> | null | undefined)[]>;
+        stickyFirstColumn: import("prop-types").Requireable<boolean>;
+        stickyLastColumn: import("prop-types").Requireable<boolean>;
+        columnWidth: import("prop-types").Requireable<string>;
+        ariaDescribedby: import("prop-types").Requireable<string>;
+        lastField: import("prop-types").Requireable<NonNullable<import("prop-types").InferProps<{
+            componentType: import("prop-types").Requireable<string>;
+            type: import("prop-types").Requireable<string>;
+            label: import("prop-types").Requireable<string>;
+            'aria-label': import("prop-types").Requireable<string>;
+            'data-name': import("prop-types").Requireable<string>;
+            'data-testid': import("prop-types").Requireable<string>;
+            icon: import("prop-types").Requireable<import("prop-types").InferProps<{
+                position: import("prop-types").Requireable<string>;
+                type: import("prop-types").Requireable<string>;
+            }>>;
+            onClick: import("prop-types").Requireable<(...args: any[]) => any>;
+            link: import("prop-types").Requireable<import("prop-types").InferProps<{
+                href: import("prop-types").Requireable<string>;
+                download: import("prop-types").Requireable<boolean>;
+                target: import("prop-types").Requireable<string>;
+            }>>;
+            disabled: import("prop-types").Requireable<boolean>;
+            className: import("prop-types").Requireable<string>;
+            customStyle: import("prop-types").Requireable<import("prop-types").InferProps<{}>>;
+        }> | import("prop-types").InferProps<{
+            componentType: import("prop-types").Requireable<string>;
+            disabled: import("prop-types").Requireable<boolean>;
+            buttonAriaLabel: import("prop-types").Requireable<string>;
+            menuAriaLabel: import("prop-types").Requireable<string>;
+            buttons: import("prop-types").Validator<(import("prop-types").InferProps<{
+                'data-name': import("prop-types").Requireable<string>;
+                disabled: import("prop-types").Requireable<boolean>;
+                label: import("prop-types").Validator<string>;
+                onClick: import("prop-types").Validator<(...args: any[]) => any>;
+                type: import("prop-types").Requireable<string>;
+            }> | null | undefined)[]>;
+            onClick: import("prop-types").Requireable<(...args: any[]) => any>;
+            menuButtonClassName: import("prop-types").Requireable<string>;
+            isBulkMenu: import("prop-types").Requireable<boolean>;
+        }> | null | undefined>>;
+        isNestedTable: import("prop-types").Requireable<boolean>;
+    };
+};
+export default ActionableExpandableErrorsTable;
+//# sourceMappingURL=index.d.ts.map

package/es/molecule/expandible-actionable-table/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/expandible-actionable-table/index.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AAMjE,OAAO,EAA2C,KAAK,EAAY,MAAM,SAAS,CAAC;AAiCnF,QAAA,MAAM,+BAA+B;YAAW,KAAK,iBAAiB,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqKrF,CAAC;AASF,eAAe,+BAA+B,CAAC"}

package/es/molecule/expandible-actionable-table/index.js

@@ -0,0 +1,193 @@
+import _includes from "lodash/fp/includes";
+import _size from "lodash/fp/size";
+import _isString from "lodash/fp/isString";
+import _get from "lodash/fp/get";
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React, { useState } from 'react';
+import classnames from 'classnames';
+import ButtonLinkIconOnly from '../../atom/button-link-icon-only';
+import StatusItem from '../../atom/status-item';
+import BulkProgressBar from '../bulk-progress-bar';
+import Provider, { GetTranslateFromContext } from '../../atom/provider';
+import BulletPointMenuButton from '../bullet-point-menu-button';
+import ButtonLink from '../../atom/button-link';
+import ErrorsTable from '../errors-table';
+import style from './style.css';
+import { propTypes } from './types';
+
+const buildField = field => {
+  if (_isString(field)) return field;
+  const {
+    componentType
+  } = field;
+
+  switch (componentType) {
+    case 'status':
+      return /*#__PURE__*/React.createElement(StatusItem, field);
+
+    case 'progress-bar':
+      return /*#__PURE__*/React.createElement(BulkProgressBar, field);
+  }
+};
+
+const buildLastField = lastField => {
+  const {
+    componentType
+  } = lastField;
+
+  switch (componentType) {
+    case 'menu':
+      return /*#__PURE__*/React.createElement(BulletPointMenuButton, lastField);
+
+    case 'button-link':
+      return /*#__PURE__*/React.createElement(ButtonLink, lastField);
+  }
+};
+
+const buildNestedRow = row => {
+  const {
+    componentType
+  } = row;
+
+  switch (componentType) {
+    case 'errors-table':
+      return /*#__PURE__*/React.createElement(ErrorsTable, row);
+
+    case 'expandible-errors-table':
+      return /*#__PURE__*/React.createElement(ActionableExpandableErrorsTable, row);
+  }
+};
+
+const ActionableExpandableErrorsTable = (props, legacyContext) => {
+  const {
+    columns,
+    rows = [],
+    lastField,
+    stickyFirstColumn = false,
+    stickyLastColumn = false,
+    ariaDescribedby,
+    columnWidth = `${100 / _size(columns)}%`,
+    isNestedTable = false
+  } = props;
+  const translate = GetTranslateFromContext(legacyContext);
+  /**
+   * State variable to keep track of all the expanded rows
+   * By default, nothing expanded. Hence initialized with empty array.
+   */
+
+  const [expandedRows, setExpandedRows] = useState([]);
+  /**
+   * State variable to keep track which row is currently expanded.
+   */
+
+  const [expandState, setExpandState] = useState({});
+  /**
+   * This function gets called when show/hide link is clicked.
+   */
+
+  const handleExpandRow = index => () => {
+    const isRowExpanded = _includes(index, expandedRows);
+    /**
+     * If the row is expanded, we are here to hide it. Hence remove
+     * it from the state variable. Otherwise add to it.
+     */
+
+
+    const newExpandedRows = isRowExpanded ? expandedRows.filter(id => id !== index) : expandedRows.concat(index);
+    setExpandedRows(newExpandedRows);
+    /**
+     * Create a new object to update the expanded state of all rows
+     * Use the newExpandedRows array to set the state of all rows that are currently expanded
+     */
+
+    const expandedState = {};
+    newExpandedRows.forEach(id => {
+      expandedState[id] = true;
+    });
+    setExpandState(expandedState);
+  };
+
+  const headerRow = columns.map((column, cIndex) => {
+    const {
+      title
+    } = column;
+    return /*#__PURE__*/React.createElement("th", {
+      className: cIndex === 0 ? classnames(stickyFirstColumn ? style.headerFirstSticky : style.headerFirst, style.header) : style.header,
+      key: `${title}-${cIndex}`,
+      role: "columnheader"
+    }, title);
+  });
+  headerRow.push( /*#__PURE__*/React.createElement("th", {
+    className: stickyLastColumn ? style.headerLastSticky : style.headerLast,
+    key: "action-header"
+  }));
+  const headerView = [...headerRow];
+  const bodyView = rows.map((row, index) => {
+    const {
+      fields,
+      isRowExpandible = false
+    } = row;
+    const bodyRow = fields.map((field, fIndex) => {
+      const cellContent = fIndex === 0 ? /*#__PURE__*/React.createElement("div", {
+        className: style.columFirstWrapper
+      }, /*#__PURE__*/React.createElement("div", {
+        className: style.expandButtonWrapper
+      }, isRowExpandible ? /*#__PURE__*/React.createElement(ButtonLinkIconOnly, {
+        onClick: handleExpandRow(index),
+        "data-name": `arrowUp-button-${index}`,
+        icon: "down",
+        className: expandState[index] ? 'bulkArrowUp' : 'bulkArrowDown',
+        "aria-label": translate('bulk_import.show_errors')
+      }) : null), buildField(field)) : buildField(field);
+      return /*#__PURE__*/React.createElement("td", {
+        className: fIndex === 0 ? classnames(stickyFirstColumn ? style.columnFirstSticky : style.columnFirst, style.col) : style.col,
+        style: {
+          width: columnWidth
+        },
+        key: `${field}-${fIndex}`
+      }, cellContent);
+    });
+    bodyRow.push( /*#__PURE__*/React.createElement("td", {
+      className: stickyLastColumn ? style.columnLastSticky : style.columnLast,
+      key: "actionHeader"
+    }, lastField ? /*#__PURE__*/React.createElement("div", {
+      className: classnames({
+        [style.inspectButton]: _get('className', lastField) === 'bulkInspectButton'
+      })
+    }, buildLastField(lastField)) : null));
+
+    const nestedRow = _get('nestedRow', row);
+
+    const nestedRowCellule = nestedRow && expandedRows.includes(index) ? /*#__PURE__*/React.createElement("tr", {
+      key: `line-${index}-error`
+    }, /*#__PURE__*/React.createElement("td", {
+      className: style.nestedRowCellule,
+      colSpan: fields.length + 2
+    }, buildNestedRow(nestedRow))) : null;
+    return nestedRowCellule ? [/*#__PURE__*/React.createElement("tr", {
+      key: `line-${index}`
+    }, bodyRow), nestedRowCellule] : [/*#__PURE__*/React.createElement("tr", {
+      key: `line-${index}`
+    }, bodyRow)];
+  });
+  return /*#__PURE__*/React.createElement("div", {
+    className: style.wrapper
+  }, /*#__PURE__*/React.createElement("table", _extends({}, ariaDescribedby ? {
+    'aria-describedby': ariaDescribedby
+  } : {}, {
+    className: style.table,
+    "data-name": "expandible-actionable-table"
+  }), /*#__PURE__*/React.createElement("thead", {
+    className: isNestedTable ? style.theadNested : style.thead
+  }, /*#__PURE__*/React.createElement("tr", null, headerView)), /*#__PURE__*/React.createElement("tbody", null, bodyView)));
+};
+
+ActionableExpandableErrorsTable.contextTypes = {
+  skin: Provider.childContextTypes.skin,
+  translate: Provider.childContextTypes.translate
+};
+ActionableExpandableErrorsTable.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
+export default ActionableExpandableErrorsTable;
+//# sourceMappingURL=index.js.map

package/es/molecule/expandible-actionable-table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","useState","classnames","ButtonLinkIconOnly","StatusItem","BulkProgressBar","Provider","GetTranslateFromContext","BulletPointMenuButton","ButtonLink","ErrorsTable","style","propTypes","buildField","field","componentType","buildLastField","lastField","buildNestedRow","row","ActionableExpandableErrorsTable","props","legacyContext","columns","rows","stickyFirstColumn","stickyLastColumn","ariaDescribedby","columnWidth","isNestedTable","translate","expandedRows","setExpandedRows","expandState","setExpandState","handleExpandRow","index","isRowExpanded","newExpandedRows","filter","id","concat","expandedState","forEach","headerRow","map","column","cIndex","title","headerFirstSticky","headerFirst","header","push","headerLastSticky","headerLast","headerView","bodyView","fields","isRowExpandible","bodyRow","fIndex","cellContent","columFirstWrapper","expandButtonWrapper","columnFirstSticky","columnFirst","col","width","columnLastSticky","columnLast","inspectButton","nestedRow","nestedRowCellule","includes","length","wrapper","table","theadNested","thead","contextTypes","skin","childContextTypes"],"sources":["../../../src/molecule/expandible-actionable-table/index.tsx"],"sourcesContent":["import React, {useState} from 'react';\nimport classnames from 'classnames';\nimport {get, isString, size, includes} from 'lodash/fp';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport StatusItem from '../../atom/status-item';\nimport BulkProgressBar from '../bulk-progress-bar';\nimport {WebContextValues} from '../../atom/provider/web-context';\nimport Provider, {GetTranslateFromContext} from '../../atom/provider';\nimport BulletPointMenuButton from '../bullet-point-menu-button';\nimport ButtonLink from '../../atom/button-link';\nimport ErrorsTable from '../errors-table';\nimport style from './style.css';\nimport {ExpandState, Field, LastField, NestedRow, Props, propTypes} from './types';\n\nconst buildField = (field: Field) => {\n  if (isString(field)) return field;\n  const {componentType} = field;\n  switch (componentType) {\n    case 'status':\n      return <StatusItem {...field} />;\n    case 'progress-bar':\n      return <BulkProgressBar {...field} />;\n  }\n};\n\nconst buildLastField = (lastField: LastField) => {\n  const {componentType} = lastField;\n  switch (componentType) {\n    case 'menu':\n      return <BulletPointMenuButton {...lastField} />;\n    case 'button-link':\n      return <ButtonLink {...lastField} />;\n  }\n};\n\nconst buildNestedRow = (row: NestedRow) => {\n  const {componentType} = row;\n  switch (componentType) {\n    case 'errors-table':\n      return <ErrorsTable {...row} />;\n    case 'expandible-errors-table':\n      return <ActionableExpandableErrorsTable {...row} />;\n  }\n};\n\nconst ActionableExpandableErrorsTable = (props: Props, legacyContext: WebContextValues) => {\n  const {\n    columns,\n    rows = [],\n    lastField,\n    stickyFirstColumn = false,\n    stickyLastColumn = false,\n    ariaDescribedby,\n    columnWidth = `${100 / size(columns)}%`,\n    isNestedTable = false\n  } = props;\n  const translate = GetTranslateFromContext(legacyContext);\n\n  /**\n   * State variable to keep track of all the expanded rows\n   * By default, nothing expanded. Hence initialized with empty array.\n   */\n  const [expandedRows, setExpandedRows] = useState<number[]>([]);\n\n  /**\n   * State variable to keep track which row is currently expanded.\n   */\n  const [expandState, setExpandState] = useState<ExpandState>({});\n\n  /**\n   * This function gets called when show/hide link is clicked.\n   */\n  const handleExpandRow = (index: number) => () => {\n    const isRowExpanded = includes(index, expandedRows);\n\n    /**\n     * If the row is expanded, we are here to hide it. Hence remove\n     * it from the state variable. Otherwise add to it.\n     */\n    const newExpandedRows = isRowExpanded\n      ? expandedRows.filter(id => id !== index)\n      : expandedRows.concat(index);\n\n    setExpandedRows(newExpandedRows);\n\n    /**\n     * Create a new object to update the expanded state of all rows\n     * Use the newExpandedRows array to set the state of all rows that are currently expanded\n     */\n    const expandedState: ExpandState = {};\n    newExpandedRows.forEach(id => {\n      expandedState[id] = true;\n    });\n\n    setExpandState(expandedState);\n  };\n\n  const headerRow = columns.map((column, cIndex) => {\n    const {title} = column;\n    return (\n      <th\n        className={\n          cIndex === 0\n            ? classnames(\n                stickyFirstColumn ? style.headerFirstSticky : style.headerFirst,\n                style.header\n              )\n            : style.header\n        }\n        key={`${title}-${cIndex}`}\n        role=\"columnheader\"\n      >\n        {title}\n      </th>\n    );\n  });\n\n  headerRow.push(\n    <th\n      className={stickyLastColumn ? style.headerLastSticky : style.headerLast}\n      key=\"action-header\"\n    />\n  );\n  const headerView = [...headerRow];\n\n  const bodyView = rows.map((row, index) => {\n    const {fields, isRowExpandible = false} = row;\n    const bodyRow = fields.map((field, fIndex) => {\n      const cellContent =\n        fIndex === 0 ? (\n          <div className={style.columFirstWrapper}>\n            <div className={style.expandButtonWrapper}>\n              {isRowExpandible ? (\n                <ButtonLinkIconOnly\n                  onClick={handleExpandRow(index)}\n                  data-name={`arrowUp-button-${index}`}\n                  icon=\"down\"\n                  className={expandState[index] ? 'bulkArrowUp' : 'bulkArrowDown'}\n                  aria-label={translate('bulk_import.show_errors')}\n                />\n              ) : null}\n            </div>\n            {buildField(field)}\n          </div>\n        ) : (\n          buildField(field)\n        );\n      return (\n        <td\n          className={\n            fIndex === 0\n              ? classnames(\n                  stickyFirstColumn ? style.columnFirstSticky : style.columnFirst,\n                  style.col\n                )\n              : style.col\n          }\n          style={{width: columnWidth}}\n          key={`${field}-${fIndex}`}\n        >\n          {cellContent}\n        </td>\n      );\n    });\n\n    bodyRow.push(\n      <td\n        className={stickyLastColumn ? style.columnLastSticky : style.columnLast}\n        key=\"actionHeader\"\n      >\n        {lastField ? (\n          <div\n            className={classnames({\n              [style.inspectButton]: get('className', lastField) === 'bulkInspectButton'\n            })}\n          >\n            {buildLastField(lastField)}\n          </div>\n        ) : null}\n      </td>\n    );\n    const nestedRow = get('nestedRow', row);\n    const nestedRowCellule =\n      nestedRow && expandedRows.includes(index) ? (\n        <tr key={`line-${index}-error`}>\n          <td className={style.nestedRowCellule} colSpan={fields.length + 2}>\n            {buildNestedRow(nestedRow)}\n          </td>\n        </tr>\n      ) : null;\n\n    return nestedRowCellule\n      ? [<tr key={`line-${index}`}>{bodyRow}</tr>, nestedRowCellule]\n      : [<tr key={`line-${index}`}>{bodyRow}</tr>];\n  });\n\n  return (\n    <div className={style.wrapper}>\n      <table\n        {...(ariaDescribedby ? {'aria-describedby': ariaDescribedby} : {})}\n        className={style.table}\n        data-name=\"expandible-actionable-table\"\n      >\n        <thead className={isNestedTable ? style.theadNested : style.thead}>\n          <tr>{headerView}</tr>\n        </thead>\n        <tbody>{bodyView}</tbody>\n      </table>\n    </div>\n  );\n};\n\nActionableExpandableErrorsTable.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nActionableExpandableErrorsTable.propTypes = propTypes;\n\nexport default ActionableExpandableErrorsTable;\n"],"mappings":"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"}