@coorpacademy/components 11.33.2 → 11.33.3-alpha.12

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","useState","useEffect","classnames","ButtonLinkIcon","ButtonMenu","propTypes","style","BulletPointMenuButton","props","disabled","buttonAriaLabel","menuAriaLabel","onClick","_noop","buttons","menuButtonClassName","isBulkMenu","visible","setVisible","handleOnClick","handleMouseDown","document","addEventListener","removeEventListener","menuProps","menu","createElement","className","bulletPointMenu","bulkBulletPointMenu","bulletPointButtonProps","size","icon","bulletPointWrapper","process","env","NODE_ENV"],"sources":["../../../src/molecule/bullet-point-menu-button/index.tsx"],"sourcesContent":["import React, {useCallback, useState, useEffect} from 'react';\nimport classnames from 'classnames';\nimport {noop} from 'lodash/fp';\nimport ButtonLinkIcon from '../../atom/button-link-icon';\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 = noop,\n    buttons,\n    menuButtonClassName,\n    isBulkMenu\n  } = props;\n  const [visible, setVisible] = useState(false);\n\n  const handleOnClick = useCallback(() => {\n    onClick();\n    setVisible(true);\n  }, [onClick]);\n\n  useEffect(() => {\n    const handleMouseDown = () => setVisible(false);\n    document.addEventListener('mousedown', handleMouseDown);\n    return () => {\n      document.removeEventListener('mousedown', handleMouseDown);\n    };\n  }, []);\n\n  const menuProps = {\n    'data-name': 'button-menu',\n    buttons\n  };\n\n  const menu = (\n    <div\n      className={classnames(\n        style.bulletPointMenu,\n        isBulkMenu && style.bulkBulletPointMenu,\n        visible && style.visible\n      )}\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      <ButtonLinkIcon {...bulletPointButtonProps} />\n      {menu}\n    </div>\n  );\n};\n\nBulletPointMenuButton.propTypes = propTypes;\n\nexport default BulletPointMenuButton;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAGC,WAAW,EAAEC,QAAQ,EAAEC,SAAS,QAAO,OAAO;AAC7D,OAAOC,UAAU,MAAM,YAAY;AAEnC,OAAOC,cAAc,MAAM,6BAA6B;AACxD,OAAOC,UAAU,MAAM,wBAAwB;AAC/C,OAAOC,SAAS,MAAoC,SAAS;AAC7D,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,qBAAqB,GAAIC,KAAiC,IAAK;EACnE,MAAM;IACJC,QAAQ,GAAG,KAAK;IAChBC,eAAe;IACfC,aAAa;IACbC,OAAO,GAAAC,KAAO;IACdC,OAAO;IACPC,mBAAmB;IACnBC;EACF,CAAC,GAAGR,KAAK;EACT,MAAM,CAACS,OAAO,EAAEC,UAAU,CAAC,GAAGlB,QAAQ,CAAC,KAAK,CAAC;EAE7C,MAAMmB,aAAa,GAAGpB,WAAW,CAAC,MAAM;IACtCa,OAAO,CAAC,CAAC;IACTM,UAAU,CAAC,IAAI,CAAC;EAClB,CAAC,EAAE,CAACN,OAAO,CAAC,CAAC;EAEbX,SAAS,CAAC,MAAM;IACd,MAAMmB,eAAe,GAAGA,CAAA,KAAMF,UAAU,CAAC,KAAK,CAAC;IAC/CG,QAAQ,CAACC,gBAAgB,CAAC,WAAW,EAAEF,eAAe,CAAC;IACvD,OAAO,MAAM;MACXC,QAAQ,CAACE,mBAAmB,CAAC,WAAW,EAAEH,eAAe,CAAC;IAC5D,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMI,SAAS,GAAG;IAChB,WAAW,EAAE,aAAa;IAC1BV;EACF,CAAC;EAED,MAAMW,IAAI,gBACR3B,KAAA,CAAA4B,aAAA;IACEC,SAAS,EAAEzB,UAAU,CACnBI,KAAK,CAACsB,eAAe,EACrBZ,UAAU,IAAIV,KAAK,CAACuB,mBAAmB,EACvCZ,OAAO,IAAIX,KAAK,CAACW,OACnB,CAAE;IACF,aAAU,cAAc;IACxB,cAAYN;EAAc,gBAE1Bb,KAAA,CAAA4B,aAAA,CAACtB,UAAU,EAAKoB,SAAY,CACzB,CACN;EACD,MAAMM,sBAAsB,GAAG;IAC7BC,IAAI,EAAE,SAAS;IACf,YAAY,EAAErB,eAAe;IAC7B,WAAW,EAAE,qBAAqB;IAClCsB,IAAI,EAAE,cAAc;IACpBpB,OAAO,EAAEO,aAAa;IACtBV,QAAQ;IACRkB,SAAS,EAAEZ;EACb,CAAC;EAED,oBACEjB,KAAA,CAAA4B,aAAA;IAAKC,SAAS,EAAErB,KAAK,CAAC2B,kBAAmB;IAAC,aAAU;EAAsB,gBACxEnC,KAAA,CAAA4B,aAAA,CAACvB,cAAc,EAAK2B,sBAAyB,CAAC,EAC7CL,IACE,CAAC;AAEV,CAAC;AAEDlB,qBAAqB,CAACF,SAAS,GAAA6B,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG/B,SAAS;AAE3C,eAAeE,qBAAqB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useCallback","useState","useEffect","classnames","ButtonLinkIcon","ButtonMenu","propTypes","style","BulletPointMenuButton","props","disabled","buttonAriaLabel","menuAriaLabel","onClick","_noop","buttons","menuButtonClassName","isBulkMenu","isCustomSkillMenu","visible","setVisible","handleOnClick","handleMouseDown","document","addEventListener","removeEventListener","menuProps","menu","createElement","className","bulletPointMenu","bulkBulletPointMenu","customSkillBulletPointMenu","bulletPointButtonProps","size","icon","bulletPointWrapper","process","env","NODE_ENV"],"sources":["../../../src/molecule/bullet-point-menu-button/index.tsx"],"sourcesContent":["import React, {useCallback, useState, useEffect} from 'react';\nimport classnames from 'classnames';\nimport {noop} from 'lodash/fp';\nimport ButtonLinkIcon from '../../atom/button-link-icon';\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 = noop,\n    buttons,\n    menuButtonClassName,\n    isBulkMenu,\n    isCustomSkillMenu\n  } = props;\n  const [visible, setVisible] = useState(false);\n\n  const handleOnClick = useCallback(() => {\n    onClick();\n    setVisible(true);\n  }, [onClick]);\n\n  useEffect(() => {\n    const handleMouseDown = () => setVisible(false);\n    document.addEventListener('mousedown', handleMouseDown);\n    return () => {\n      document.removeEventListener('mousedown', handleMouseDown);\n    };\n  }, []);\n\n  const menuProps = {\n    'data-name': 'button-menu',\n    buttons,\n    isCustomSkillMenu\n  };\n\n  const menu = (\n    <div\n      className={classnames(\n        style.bulletPointMenu,\n        isBulkMenu && style.bulkBulletPointMenu,\n        visible && style.visible,\n        isCustomSkillMenu && style.customSkillBulletPointMenu\n      )}\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      <ButtonLinkIcon {...bulletPointButtonProps} />\n      {menu}\n    </div>\n  );\n};\n\nBulletPointMenuButton.propTypes = propTypes;\n\nexport default BulletPointMenuButton;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAGC,WAAW,EAAEC,QAAQ,EAAEC,SAAS,QAAO,OAAO;AAC7D,OAAOC,UAAU,MAAM,YAAY;AAEnC,OAAOC,cAAc,MAAM,6BAA6B;AACxD,OAAOC,UAAU,MAAM,wBAAwB;AAC/C,OAAOC,SAAS,MAAoC,SAAS;AAC7D,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,qBAAqB,GAAIC,KAAiC,IAAK;EACnE,MAAM;IACJC,QAAQ,GAAG,KAAK;IAChBC,eAAe;IACfC,aAAa;IACbC,OAAO,GAAAC,KAAO;IACdC,OAAO;IACPC,mBAAmB;IACnBC,UAAU;IACVC;EACF,CAAC,GAAGT,KAAK;EACT,MAAM,CAACU,OAAO,EAAEC,UAAU,CAAC,GAAGnB,QAAQ,CAAC,KAAK,CAAC;EAE7C,MAAMoB,aAAa,GAAGrB,WAAW,CAAC,MAAM;IACtCa,OAAO,CAAC,CAAC;IACTO,UAAU,CAAC,IAAI,CAAC;EAClB,CAAC,EAAE,CAACP,OAAO,CAAC,CAAC;EAEbX,SAAS,CAAC,MAAM;IACd,MAAMoB,eAAe,GAAGA,CAAA,KAAMF,UAAU,CAAC,KAAK,CAAC;IAC/CG,QAAQ,CAACC,gBAAgB,CAAC,WAAW,EAAEF,eAAe,CAAC;IACvD,OAAO,MAAM;MACXC,QAAQ,CAACE,mBAAmB,CAAC,WAAW,EAAEH,eAAe,CAAC;IAC5D,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMI,SAAS,GAAG;IAChB,WAAW,EAAE,aAAa;IAC1BX,OAAO;IACPG;EACF,CAAC;EAED,MAAMS,IAAI,gBACR5B,KAAA,CAAA6B,aAAA;IACEC,SAAS,EAAE1B,UAAU,CACnBI,KAAK,CAACuB,eAAe,EACrBb,UAAU,IAAIV,KAAK,CAACwB,mBAAmB,EACvCZ,OAAO,IAAIZ,KAAK,CAACY,OAAO,EACxBD,iBAAiB,IAAIX,KAAK,CAACyB,0BAC7B,CAAE;IACF,aAAU,cAAc;IACxB,cAAYpB;EAAc,gBAE1Bb,KAAA,CAAA6B,aAAA,CAACvB,UAAU,EAAKqB,SAAY,CACzB,CACN;EACD,MAAMO,sBAAsB,GAAG;IAC7BC,IAAI,EAAE,SAAS;IACf,YAAY,EAAEvB,eAAe;IAC7B,WAAW,EAAE,qBAAqB;IAClCwB,IAAI,EAAE,cAAc;IACpBtB,OAAO,EAAEQ,aAAa;IACtBX,QAAQ;IACRmB,SAAS,EAAEb;EACb,CAAC;EAED,oBACEjB,KAAA,CAAA6B,aAAA;IAAKC,SAAS,EAAEtB,KAAK,CAAC6B,kBAAmB;IAAC,aAAU;EAAsB,gBACxErC,KAAA,CAAA6B,aAAA,CAACxB,cAAc,EAAK6B,sBAAyB,CAAC,EAC7CN,IACE,CAAC;AAEV,CAAC;AAEDnB,qBAAqB,CAACF,SAAS,GAAA+B,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAGjC,SAAS;AAE3C,eAAeE,qBAAqB","ignoreList":[]}

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

@@ -13,7 +13,7 @@
 .bulletPointWrapper > button {
   position: relative;
   cursor: pointer;
- }
+}
 
 .bulletPointMenu {
   min-width: 80px;
@@ -23,28 +23,30 @@
   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;
+  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;
   visibility: hidden;
-  opacity:0;
-  transition:visibility 0.5s ease,opacity 0.5s ease;
+  opacity: 0;
+  transition: visibility 0.5s ease, opacity 0.5s ease;
 }
 
 .visible {
   /* fade in combo */
   max-height: max-content;
   visibility: visible;
-  opacity:1;
+  opacity: 1;
 }
 
 /* 
   bulk theme
 */
-.bulkBulletPointMenu{
+.bulkBulletPointMenu {
   min-width: 80px;
   /* positioning */
   position: absolute;
@@ -52,7 +54,9 @@
   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;
+  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;
@@ -60,3 +64,18 @@
   background-color: cm_grey_100;
   width: 142px;
 }
+
+.customSkillBulletPointMenu {
+  position: absolute;
+  top: 48px;
+  bottom: auto;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  padding: 12px;
+  width: 201px;
+  overflow-y: scroll;
+  background: #ffffff;
+  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.07);
+  border-radius: 12px;
+}

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

@@ -10,10 +10,26 @@ declare const propTypes: {
         label: PropTypes.Validator<string>;
         onClick: PropTypes.Validator<(...args: any[]) => any>;
         type: PropTypes.Requireable<string>;
+        linkType: PropTypes.Requireable<string>;
+        icon: PropTypes.Requireable<PropTypes.InferProps<{
+            position: PropTypes.Validator<string>;
+            type: PropTypes.Requireable<string>;
+            faIcon: PropTypes.Requireable<PropTypes.InferProps<{
+                name: PropTypes.Validator<string>;
+                size: PropTypes.Requireable<number>;
+                color: PropTypes.Requireable<string>;
+            }>>;
+        }>>;
+        customStyle: PropTypes.Requireable<PropTypes.InferProps<{
+            color: PropTypes.Requireable<string>;
+            hoverBackgroundColor: PropTypes.Requireable<string>;
+        }>>;
+        isCustomSkillMenu: PropTypes.Requireable<boolean>;
     }> | null | undefined)[]>;
     onClick: PropTypes.Requireable<(...args: any[]) => any>;
     menuButtonClassName: PropTypes.Requireable<string>;
     isBulkMenu: PropTypes.Requireable<boolean>;
+    isCustomSkillMenu: PropTypes.Requireable<boolean>;
 };
 export default propTypes;
 export declare type BulletPointMenuButtonProps = {
@@ -24,6 +40,7 @@ export declare type BulletPointMenuButtonProps = {
     onClick: () => void;
     menuButtonClassName?: string;
     isBulkMenu?: boolean;
+    isCustomSkillMenu?: boolean;
 };
 export declare type BulletPointMenuButtonPropsFixture = {
     props: BulletPointMenuButtonProps;

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

@@ -1 +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"}
+{"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CASd,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;IACrB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B,CAAC;AAEF,oBAAY,iCAAiC,GAAG;IAAC,KAAK,EAAE,0BAA0B,CAAA;CAAC,CAAC"}

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

@@ -7,7 +7,8 @@ const propTypes = {
   buttons: ButtonMenu.propTypes.buttons,
   onClick: PropTypes.func,
   menuButtonClassName: PropTypes.string,
-  isBulkMenu: PropTypes.bool
+  isBulkMenu: PropTypes.bool,
+  isCustomSkillMenu: PropTypes.bool
 };
 export default propTypes;
 //# sourceMappingURL=types.js.map

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

@@ -1 +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,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,wBAAwB;AAG/C,MAAMC,SAAS,GAAG;EAChBC,QAAQ,EAAEH,SAAS,CAACI,IAAI;EACxBC,eAAe,EAAEL,SAAS,CAACM,MAAM;EACjCC,aAAa,EAAEP,SAAS,CAACM,MAAM;EAC/BE,OAAO,EAAEP,UAAU,CAACC,SAAS,CAACM,OAAO;EACrCC,OAAO,EAAET,SAAS,CAACU,IAAI;EACvBC,mBAAmB,EAAEX,SAAS,CAACM,MAAM;EACrCM,UAAU,EAAEZ,SAAS,CAACI;AACxB,CAAC;AAED,eAAeF,SAAS","ignoreList":[]}
+{"version":3,"file":"types.js","names":["PropTypes","ButtonMenu","propTypes","disabled","bool","buttonAriaLabel","string","menuAriaLabel","buttons","onClick","func","menuButtonClassName","isBulkMenu","isCustomSkillMenu"],"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  isCustomSkillMenu: 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  isCustomSkillMenu?: boolean;\n};\n\nexport type BulletPointMenuButtonPropsFixture = {props: BulletPointMenuButtonProps};\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,wBAAwB;AAG/C,MAAMC,SAAS,GAAG;EAChBC,QAAQ,EAAEH,SAAS,CAACI,IAAI;EACxBC,eAAe,EAAEL,SAAS,CAACM,MAAM;EACjCC,aAAa,EAAEP,SAAS,CAACM,MAAM;EAC/BE,OAAO,EAAEP,UAAU,CAACC,SAAS,CAACM,OAAO;EACrCC,OAAO,EAAET,SAAS,CAACU,IAAI;EACvBC,mBAAmB,EAAEX,SAAS,CAACM,MAAM;EACrCM,UAAU,EAAEZ,SAAS,CAACI,IAAI;EAC1BS,iBAAiB,EAAEb,SAAS,CAACI;AAC/B,CAAC;AAED,eAAeF,SAAS","ignoreList":[]}

package/es/molecule/cm-popin/types.d.ts

@@ -115,6 +115,7 @@ declare const propTypes: {
                 disabled: PropTypes.Requireable<boolean>;
                 className: PropTypes.Requireable<string>;
                 customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+                isCustomSkillMenu: PropTypes.Requireable<boolean>;
             }>>;
             selectMultiple: PropTypes.Requireable<PropTypes.InferProps<{
                 title: PropTypes.Requireable<string>;
@@ -232,10 +233,26 @@ declare const propTypes: {
                             label: PropTypes.Validator<string>;
                             onClick: PropTypes.Validator<(...args: any[]) => any>;
                             type: PropTypes.Requireable<string>;
+                            linkType: PropTypes.Requireable<string>;
+                            icon: PropTypes.Requireable<PropTypes.InferProps<{
+                                position: PropTypes.Validator<string>;
+                                type: PropTypes.Requireable<string>;
+                                faIcon: PropTypes.Requireable<PropTypes.InferProps<{
+                                    name: PropTypes.Validator<string>;
+                                    size: PropTypes.Requireable<number>;
+                                    color: PropTypes.Requireable<string>;
+                                }>>;
+                            }>>;
+                            customStyle: PropTypes.Requireable<PropTypes.InferProps<{
+                                color: PropTypes.Requireable<string>;
+                                hoverBackgroundColor: PropTypes.Requireable<string>;
+                            }>>;
+                            isCustomSkillMenu: PropTypes.Requireable<boolean>;
                         }> | null | undefined)[]>;
                         onClick: PropTypes.Requireable<(...args: any[]) => any>;
                         menuButtonClassName: PropTypes.Requireable<string>;
                         isBulkMenu: PropTypes.Requireable<boolean>;
+                        isCustomSkillMenu: PropTypes.Requireable<boolean>;
                     }> | null | undefined>>;
                 }> | null | undefined)[]>;
                 stickyFirstColumn: PropTypes.Requireable<boolean>;
@@ -268,6 +285,7 @@ declare const propTypes: {
                     disabled: PropTypes.Requireable<boolean>;
                     className: PropTypes.Requireable<string>;
                     customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+                    isCustomSkillMenu: PropTypes.Requireable<boolean>;
                 }> | PropTypes.InferProps<{
                     componentType: PropTypes.Requireable<string>;
                     disabled: PropTypes.Requireable<boolean>;
@@ -279,10 +297,26 @@ declare const propTypes: {
                         label: PropTypes.Validator<string>;
                         onClick: PropTypes.Validator<(...args: any[]) => any>;
                         type: PropTypes.Requireable<string>;
+                        linkType: PropTypes.Requireable<string>;
+                        icon: PropTypes.Requireable<PropTypes.InferProps<{
+                            position: PropTypes.Validator<string>;
+                            type: PropTypes.Requireable<string>;
+                            faIcon: PropTypes.Requireable<PropTypes.InferProps<{
+                                name: PropTypes.Validator<string>;
+                                size: PropTypes.Requireable<number>;
+                                color: PropTypes.Requireable<string>;
+                            }>>;
+                        }>>;
+                        customStyle: PropTypes.Requireable<PropTypes.InferProps<{
+                            color: PropTypes.Requireable<string>;
+                            hoverBackgroundColor: PropTypes.Requireable<string>;
+                        }>>;
+                        isCustomSkillMenu: PropTypes.Requireable<boolean>;
                     }> | null | undefined)[]>;
                     onClick: PropTypes.Requireable<(...args: any[]) => any>;
                     menuButtonClassName: PropTypes.Requireable<string>;
                     isBulkMenu: PropTypes.Requireable<boolean>;
+                    isCustomSkillMenu: PropTypes.Requireable<boolean>;
                 }> | null | undefined>>;
                 isNestedTable: PropTypes.Requireable<boolean>;
                 emptyStateFirstMessage: PropTypes.Requireable<string>;

package/es/molecule/cm-popin/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/cm-popin/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAKnC,OAAO,IAAI,MAAM,iBAAiB,CAAC;AACnC,OAAO,EAAC,UAAU,EAAC,MAAM,wBAAwB,CAAC;AAClD,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAClD,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAGlD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoDd,CAAC;AAEF,aAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,UAAU,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE;QACZ,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,oBAAY,YAAY,GAAG;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,OAAO,GAAG,aAAa,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IAC5D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,KAAK,CAAC,EAAE;QACN,IAAI,EAAE,SAAS,GAAG,MAAM,CAAC;QACzB,IAAI,EACA,SAAS,CAAC,UAAU,CAAC,OAAO,SAAS,CAAC,SAAS,CAAC,GAChD,SAAS,CAAC,UAAU,CAAC,OAAO,SAAS,CAAC,SAAS,CAAC,CAAC;KACtD,CAAC;IACF,IAAI,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC;CACpD,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/cm-popin/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAKnC,OAAO,IAAI,MAAM,iBAAiB,CAAC;AACnC,OAAO,EAAC,UAAU,EAAC,MAAM,wBAAwB,CAAC;AAClD,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAClD,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAGlD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoDd,CAAC;AAEF,aAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,UAAU,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE;QACZ,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,oBAAY,YAAY,GAAG;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,OAAO,GAAG,aAAa,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IAC5D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,KAAK,CAAC,EAAE;QACN,IAAI,EAAE,SAAS,GAAG,MAAM,CAAC;QACzB,IAAI,EACA,SAAS,CAAC,UAAU,CAAC,OAAO,SAAS,CAAC,SAAS,CAAC,GAChD,SAAS,CAAC,UAAU,CAAC,OAAO,SAAS,CAAC,SAAS,CAAC,CAAC;KACtD,CAAC;IACF,IAAI,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC;CACpD,CAAC;AAEF,eAAe,SAAS,CAAC"}

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

@@ -51,10 +51,26 @@ declare const ActionableExpandableTable: {
                     label: import("prop-types").Validator<string>;
                     onClick: import("prop-types").Validator<(...args: any[]) => any>;
                     type: import("prop-types").Requireable<string>;
+                    linkType: import("prop-types").Requireable<string>;
+                    icon: import("prop-types").Requireable<import("prop-types").InferProps<{
+                        position: import("prop-types").Validator<string>;
+                        type: import("prop-types").Requireable<string>;
+                        faIcon: import("prop-types").Requireable<import("prop-types").InferProps<{
+                            name: import("prop-types").Validator<string>;
+                            size: import("prop-types").Requireable<number>;
+                            color: import("prop-types").Requireable<string>;
+                        }>>;
+                    }>>;
+                    customStyle: import("prop-types").Requireable<import("prop-types").InferProps<{
+                        color: import("prop-types").Requireable<string>;
+                        hoverBackgroundColor: import("prop-types").Requireable<string>;
+                    }>>;
+                    isCustomSkillMenu: import("prop-types").Requireable<boolean>;
                 }> | null | undefined)[]>;
                 onClick: import("prop-types").Requireable<(...args: any[]) => any>;
                 menuButtonClassName: import("prop-types").Requireable<string>;
                 isBulkMenu: import("prop-types").Requireable<boolean>;
+                isCustomSkillMenu: import("prop-types").Requireable<boolean>;
             }> | null | undefined>>;
         }> | null | undefined)[]>;
         stickyFirstColumn: import("prop-types").Requireable<boolean>;
@@ -87,6 +103,7 @@ declare const ActionableExpandableTable: {
             disabled: import("prop-types").Requireable<boolean>;
             className: import("prop-types").Requireable<string>;
             customStyle: import("prop-types").Requireable<import("prop-types").InferProps<{}>>;
+            isCustomSkillMenu: import("prop-types").Requireable<boolean>;
         }> | import("prop-types").InferProps<{
             componentType: import("prop-types").Requireable<string>;
             disabled: import("prop-types").Requireable<boolean>;
@@ -98,10 +115,26 @@ declare const ActionableExpandableTable: {
                 label: import("prop-types").Validator<string>;
                 onClick: import("prop-types").Validator<(...args: any[]) => any>;
                 type: import("prop-types").Requireable<string>;
+                linkType: import("prop-types").Requireable<string>;
+                icon: import("prop-types").Requireable<import("prop-types").InferProps<{
+                    position: import("prop-types").Validator<string>;
+                    type: import("prop-types").Requireable<string>;
+                    faIcon: import("prop-types").Requireable<import("prop-types").InferProps<{
+                        name: import("prop-types").Validator<string>;
+                        size: import("prop-types").Requireable<number>;
+                        color: import("prop-types").Requireable<string>;
+                    }>>;
+                }>>;
+                customStyle: import("prop-types").Requireable<import("prop-types").InferProps<{
+                    color: import("prop-types").Requireable<string>;
+                    hoverBackgroundColor: import("prop-types").Requireable<string>;
+                }>>;
+                isCustomSkillMenu: import("prop-types").Requireable<boolean>;
             }> | null | undefined)[]>;
             onClick: import("prop-types").Requireable<(...args: any[]) => any>;
             menuButtonClassName: import("prop-types").Requireable<string>;
             isBulkMenu: import("prop-types").Requireable<boolean>;
+            isCustomSkillMenu: import("prop-types").Requireable<boolean>;
         }> | null | undefined>>;
         isNestedTable: import("prop-types").Requireable<boolean>;
         emptyStateFirstMessage: import("prop-types").Requireable<string>;

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

@@ -1 +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;AAOjE,OAAO,EAA2C,KAAK,EAAY,MAAM,SAAS,CAAC;AAqCnF,QAAA,MAAM,yBAAyB;YAAW,KAAK,iBAAiB,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoL/E,CAAC;AASF,eAAe,yBAAyB,CAAC"}
+{"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;AAOjE,OAAO,EAA2C,KAAK,EAAY,MAAM,SAAS,CAAC;AAqCnF,QAAA,MAAM,yBAAyB;YAAW,KAAK,iBAAiB,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoL/E,CAAC;AASF,eAAe,yBAAyB,CAAC"}

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

@@ -28,10 +28,26 @@ export declare const propTypes: {
                 label: PropTypes.Validator<string>;
                 onClick: PropTypes.Validator<(...args: any[]) => any>;
                 type: PropTypes.Requireable<string>;
+                linkType: PropTypes.Requireable<string>;
+                icon: PropTypes.Requireable<PropTypes.InferProps<{
+                    position: PropTypes.Validator<string>;
+                    type: PropTypes.Requireable<string>;
+                    faIcon: PropTypes.Requireable<PropTypes.InferProps<{
+                        name: PropTypes.Validator<string>;
+                        size: PropTypes.Requireable<number>;
+                        color: PropTypes.Requireable<string>;
+                    }>>;
+                }>>;
+                customStyle: PropTypes.Requireable<PropTypes.InferProps<{
+                    color: PropTypes.Requireable<string>;
+                    hoverBackgroundColor: PropTypes.Requireable<string>;
+                }>>;
+                isCustomSkillMenu: PropTypes.Requireable<boolean>;
             }> | null | undefined)[]>;
             onClick: PropTypes.Requireable<(...args: any[]) => any>;
             menuButtonClassName: PropTypes.Requireable<string>;
             isBulkMenu: PropTypes.Requireable<boolean>;
+            isCustomSkillMenu: PropTypes.Requireable<boolean>;
         }> | null | undefined>>;
     }> | null | undefined)[]>;
     stickyFirstColumn: PropTypes.Requireable<boolean>;
@@ -64,6 +80,7 @@ export declare const propTypes: {
         disabled: PropTypes.Requireable<boolean>;
         className: PropTypes.Requireable<string>;
         customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+        isCustomSkillMenu: PropTypes.Requireable<boolean>;
     }> | PropTypes.InferProps<{
         componentType: PropTypes.Requireable<string>;
         disabled: PropTypes.Requireable<boolean>;
@@ -75,10 +92,26 @@ export declare const propTypes: {
             label: PropTypes.Validator<string>;
             onClick: PropTypes.Validator<(...args: any[]) => any>;
             type: PropTypes.Requireable<string>;
+            linkType: PropTypes.Requireable<string>;
+            icon: PropTypes.Requireable<PropTypes.InferProps<{
+                position: PropTypes.Validator<string>;
+                type: PropTypes.Requireable<string>;
+                faIcon: PropTypes.Requireable<PropTypes.InferProps<{
+                    name: PropTypes.Validator<string>;
+                    size: PropTypes.Requireable<number>;
+                    color: PropTypes.Requireable<string>;
+                }>>;
+            }>>;
+            customStyle: PropTypes.Requireable<PropTypes.InferProps<{
+                color: PropTypes.Requireable<string>;
+                hoverBackgroundColor: PropTypes.Requireable<string>;
+            }>>;
+            isCustomSkillMenu: PropTypes.Requireable<boolean>;
         }> | null | undefined)[]>;
         onClick: PropTypes.Requireable<(...args: any[]) => any>;
         menuButtonClassName: PropTypes.Requireable<string>;
         isBulkMenu: PropTypes.Requireable<boolean>;
+        isCustomSkillMenu: PropTypes.Requireable<boolean>;
     }> | null | undefined>>;
     isNestedTable: PropTypes.Requireable<boolean>;
     emptyStateFirstMessage: PropTypes.Requireable<string>;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/expandible-actionable-table/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAInC,OAAO,EAAC,0BAA0B,EAAC,MAAM,mCAAmC,CAAC;AAC7E,OAAO,EAAC,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAC,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAC,KAAK,IAAI,gBAAgB,EAAC,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAC,KAAK,IAAI,oBAAoB,EAAC,MAAM,4BAA4B,CAAC;AA0BzE,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoBrB,CAAC;AAEF,oBAAY,KAAK,GACb,MAAM,GACN,CAAC,eAAe,GAAG;IACjB,aAAa,EAAE,QAAQ,CAAC;CACzB,CAAC,GACF,CAAC,oBAAoB,GAAG;IACtB,aAAa,EAAE,cAAc,CAAC;CAC/B,CAAC,CAAC;AAEP,oBAAY,SAAS,GACjB,CAAC,eAAe,GAAG;IACjB,aAAa,EAAE,aAAa,CAAC;CAC9B,CAAC,GACF,CAAC,0BAA0B,GAAG;IAC5B,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC,CAAC;AAEP,oBAAY,SAAS,GACjB,CAAC,gBAAgB,GAAG;IAClB,aAAa,EAAE,cAAc,CAAC;CAC/B,CAAC,GACF,CAAC,KAAK,GAAG;IACP,aAAa,EAAE,yBAAyB,CAAC;CAC1C,CAAC,CAAC;AAEP,oBAAY,MAAM,GAAG;IAAC,KAAK,EAAE,MAAM,CAAA;CAAC,CAAC;AACrC,oBAAY,GAAG,GAAG;IAChB,MAAM,EAAE,KAAK,EAAE,CAAC;IAEhB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AACF,oBAAY,OAAO,GAAG,MAAM,EAAE,CAAC;AAC/B,oBAAY,IAAI,GAAG,GAAG,EAAE,CAAC;AAEzB,oBAAY,KAAK,GAAG;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,GAAG,MAAM,GAAG,IAAI,GAAG,GAAG,EAAE,CAAC;IACvC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,uBAAuB,CAAC,EAAE,MAAM,CAAC;CAClC,CAAC;AAEF,oBAAY,WAAW,GAAG;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/expandible-actionable-table/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAInC,OAAO,EAAC,0BAA0B,EAAC,MAAM,mCAAmC,CAAC;AAC7E,OAAO,EAAC,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAC,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAC,KAAK,IAAI,gBAAgB,EAAC,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAC,KAAK,IAAI,oBAAoB,EAAC,MAAM,4BAA4B,CAAC;AA0BzE,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoBrB,CAAC;AAEF,oBAAY,KAAK,GACb,MAAM,GACN,CAAC,eAAe,GAAG;IACjB,aAAa,EAAE,QAAQ,CAAC;CACzB,CAAC,GACF,CAAC,oBAAoB,GAAG;IACtB,aAAa,EAAE,cAAc,CAAC;CAC/B,CAAC,CAAC;AAEP,oBAAY,SAAS,GACjB,CAAC,eAAe,GAAG;IACjB,aAAa,EAAE,aAAa,CAAC;CAC9B,CAAC,GACF,CAAC,0BAA0B,GAAG;IAC5B,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC,CAAC;AAEP,oBAAY,SAAS,GACjB,CAAC,gBAAgB,GAAG;IAClB,aAAa,EAAE,cAAc,CAAC;CAC/B,CAAC,GACF,CAAC,KAAK,GAAG;IACP,aAAa,EAAE,yBAAyB,CAAC;CAC1C,CAAC,CAAC;AAEP,oBAAY,MAAM,GAAG;IAAC,KAAK,EAAE,MAAM,CAAA;CAAC,CAAC;AACrC,oBAAY,GAAG,GAAG;IAChB,MAAM,EAAE,KAAK,EAAE,CAAC;IAEhB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AACF,oBAAY,OAAO,GAAG,MAAM,EAAE,CAAC;AAC/B,oBAAY,IAAI,GAAG,GAAG,EAAE,CAAC;AAEzB,oBAAY,KAAK,GAAG;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,GAAG,MAAM,GAAG,IAAI,GAAG,GAAG,EAAE,CAAC;IACvC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,uBAAuB,CAAC,EAAE,MAAM,CAAC;CAClC,CAAC;AAEF,oBAAY,WAAW,GAAG;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CAAC,CAAC"}

package/es/organism/custom-skill-header/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { CustomSkillHeaderProps } from './types';
+declare const CustomSkillHeader: (props: CustomSkillHeaderProps) => JSX.Element;
+export default CustomSkillHeader;
+//# sourceMappingURL=index.d.ts.map

package/es/organism/custom-skill-header/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/custom-skill-header/index.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAoB,sBAAsB,EAAC,MAAM,SAAS,CAAC;AAqClE,QAAA,MAAM,iBAAiB,UAAW,sBAAsB,gBA4DvD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/es/organism/custom-skill-header/index.js

@@ -0,0 +1,88 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React from 'react';
+import ButtonLink from '../../atom/button-link';
+import ButtonLinkIcon from '../../atom/button-link-icon';
+import BulletPointMenuButton from '../../molecule/bullet-point-menu-button';
+import Tag from '../../atom/tag';
+import style from './style.css';
+const commonButtonStyles = {
+  fontWeight: '600',
+  borderRadius: '12px'
+};
+const createButtonLinkProps = (buttonProps, type) => ({
+  ...buttonProps,
+  'data-name': `custom-skill-header-${type}-button`,
+  'aria-label': `aria ${type} button`,
+  type: type === 'save' || type === 'archive' ? 'secondary' : 'primary',
+  icon: {
+    position: 'left',
+    faIcon: {
+      name: (() => {
+        switch (type) {
+          case 'save':
+            return 'floppy-disk';
+          case 'archive':
+            return 'folder-open';
+          default:
+            return buttonProps?.faIconName ?? 'circle-check';
+        }
+      })(),
+      color: type === 'save' || type === 'archive' ? '#1D1D2B' : '#FFFFFF',
+      size: 14
+    }
+  },
+  customStyle: commonButtonStyles,
+  isCustomSkillMenu: true
+});
+const CustomSkillHeader = props => {
+  const {
+    onQuitClick,
+    title,
+    tag,
+    saveStatus,
+    bulletPointMenuButton,
+    saveButton,
+    publishButton,
+    archiveButton
+  } = props;
+  const saveButtonProps = createButtonLinkProps(saveButton, 'save');
+  const publishButtonProps = createButtonLinkProps(publishButton, 'publish');
+  const archiveButtonProps = archiveButton ? createButtonLinkProps(archiveButton, 'archive') : undefined;
+  const closeButtonProps = {
+    size: 'default',
+    icon: 'close',
+    'data-name': 'custom-skill-header-close-button',
+    'aria-label': 'close-button-aria-label',
+    onClick: onQuitClick
+  };
+  const bulletPointMenuButtonProps = {
+    ...bulletPointMenuButton,
+    buttonAriaLabel: 'aria button bullet point menu',
+    menuAriaLabel: 'aria button bullet point menu',
+    isCustomSkillMenu: true
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: style.headerWrapper,
+    "data-name": "header-wrapper"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: style.titleAndButtonWrapper,
+    "data-name": "title-and-button-wrapper"
+  }, /*#__PURE__*/React.createElement(ButtonLinkIcon, _extends({}, closeButtonProps, {
+    className: style.button
+  })), /*#__PURE__*/React.createElement("div", {
+    className: style.titleWrapper
+  }, /*#__PURE__*/React.createElement("div", {
+    className: style.statusWrapper
+  }, /*#__PURE__*/React.createElement(Tag, tag), saveStatus.display ? /*#__PURE__*/React.createElement("p", {
+    className: style.saveStatus
+  }, saveStatus.label) : null), /*#__PURE__*/React.createElement("h3", {
+    className: style.title,
+    "aria-label": title,
+    "data-name": "header-title"
+  }, title))), /*#__PURE__*/React.createElement("div", {
+    className: style.buttonsWrapper,
+    "data-name": "button-wrapper"
+  }, archiveButton ? /*#__PURE__*/React.createElement(ButtonLink, archiveButtonProps) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(BulletPointMenuButton, bulletPointMenuButtonProps), /*#__PURE__*/React.createElement(ButtonLink, saveButtonProps), /*#__PURE__*/React.createElement(ButtonLink, publishButtonProps))));
+};
+export default CustomSkillHeader;
+//# sourceMappingURL=index.js.map

package/es/organism/custom-skill-header/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","ButtonLink","ButtonLinkIcon","BulletPointMenuButton","Tag","style","commonButtonStyles","fontWeight","borderRadius","createButtonLinkProps","buttonProps","type","icon","position","faIcon","name","faIconName","color","size","customStyle","isCustomSkillMenu","CustomSkillHeader","props","onQuitClick","title","tag","saveStatus","bulletPointMenuButton","saveButton","publishButton","archiveButton","saveButtonProps","publishButtonProps","archiveButtonProps","undefined","closeButtonProps","onClick","bulletPointMenuButtonProps","buttonAriaLabel","menuAriaLabel","createElement","className","headerWrapper","titleAndButtonWrapper","_extends","button","titleWrapper","statusWrapper","display","label","buttonsWrapper","Fragment"],"sources":["../../../src/organism/custom-skill-header/index.tsx"],"sourcesContent":["import React from 'react';\nimport ButtonLink from '../../atom/button-link';\nimport ButtonLinkIcon from '../../atom/button-link-icon';\nimport BulletPointMenuButton from '../../molecule/bullet-point-menu-button';\nimport Tag from '../../atom/tag';\nimport {ButtonLinkProps} from '../../atom/button-link/types';\nimport {ActionButtonProps, CustomSkillHeaderProps} from './types';\nimport style from './style.css';\n\nconst commonButtonStyles = {\n  fontWeight: '600',\n  borderRadius: '12px'\n};\n\nconst createButtonLinkProps = (\n  buttonProps: ActionButtonProps,\n  type: 'save' | 'publish' | 'archive'\n): ButtonLinkProps => ({\n  ...buttonProps,\n  'data-name': `custom-skill-header-${type}-button`,\n  'aria-label': `aria ${type} button`,\n  type: type === 'save' || type === 'archive' ? 'secondary' : 'primary',\n  icon: {\n    position: 'left',\n    faIcon: {\n      name: (() => {\n        switch (type) {\n          case 'save':\n            return 'floppy-disk';\n          case 'archive':\n            return 'folder-open';\n          default:\n            return buttonProps?.faIconName ?? 'circle-check';\n        }\n      })(),\n      color: type === 'save' || type === 'archive' ? '#1D1D2B' : '#FFFFFF',\n      size: 14\n    }\n  },\n  customStyle: commonButtonStyles,\n  isCustomSkillMenu: true\n});\n\nconst CustomSkillHeader = (props: CustomSkillHeaderProps) => {\n  const {\n    onQuitClick,\n    title,\n    tag,\n    saveStatus,\n    bulletPointMenuButton,\n    saveButton,\n    publishButton,\n    archiveButton\n  } = props;\n\n  const saveButtonProps = createButtonLinkProps(saveButton, 'save');\n  const publishButtonProps = createButtonLinkProps(publishButton, 'publish');\n  const archiveButtonProps = archiveButton\n    ? createButtonLinkProps(archiveButton, 'archive')\n    : undefined;\n\n  const closeButtonProps = {\n    size: 'default',\n    icon: 'close',\n    'data-name': 'custom-skill-header-close-button',\n    'aria-label': 'close-button-aria-label',\n    onClick: onQuitClick\n  };\n\n  const bulletPointMenuButtonProps = {\n    ...bulletPointMenuButton,\n    buttonAriaLabel: 'aria button bullet point menu',\n    menuAriaLabel: 'aria button bullet point menu',\n    isCustomSkillMenu: true\n  };\n\n  return (\n    <div className={style.headerWrapper} data-name=\"header-wrapper\">\n      <div className={style.titleAndButtonWrapper} data-name=\"title-and-button-wrapper\">\n        <ButtonLinkIcon {...closeButtonProps} className={style.button} />\n        <div className={style.titleWrapper}>\n          <div className={style.statusWrapper}>\n            <Tag {...tag} />\n            {saveStatus.display ? <p className={style.saveStatus}>{saveStatus.label}</p> : null}\n          </div>\n          <h3 className={style.title} aria-label={title} data-name=\"header-title\">\n            {title}\n          </h3>\n        </div>\n      </div>\n      <div className={style.buttonsWrapper} data-name=\"button-wrapper\">\n        {archiveButton ? (\n          <ButtonLink {...archiveButtonProps} />\n        ) : (\n          <>\n            <BulletPointMenuButton {...bulletPointMenuButtonProps} />\n            <ButtonLink {...saveButtonProps} />\n            <ButtonLink {...publishButtonProps} />\n          </>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default CustomSkillHeader;\n"],"mappings":"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","ignoreList":[]}

package/es/organism/custom-skill-header/style.css

@@ -0,0 +1,54 @@
+@value colors: '../../variables/colors.css';
+@value cm_grey_500 from colors;
+@value cm_grey_700 from colors;
+
+.headerWrapper {
+  display: flex;
+  justify-content: space-between;
+}
+
+.titleAndButtonWrapper {
+  display: flex;
+}
+
+.button {
+  background-color: #f4f4f5;
+}
+
+.titleWrapper {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  justify-content: space-between;
+  margin-left: 15px;
+}
+
+.statusWrapper {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 5px;
+}
+
+.saveStatus {
+  color: cm_grey_500;
+  font-family: "Gilroy";
+  font-size: 10px;
+  font-weight: 600;
+  line-height: 12px;
+  margin: 0;
+}
+
+.title {
+  color: cm_grey_700;
+  font-family: "Gilroy";
+  font-weight: 600;
+  font-size: 18px;
+  line-height: 24px;
+  margin-top: 5px;
+}
+
+.buttonsWrapper {
+  display: flex;
+  gap: 10px;
+}

package/es/organism/custom-skill-header/types.d.ts

@@ -0,0 +1,28 @@
+import { BulletPointMenuButtonProps } from '../../molecule/bullet-point-menu-button/types';
+declare type TagProps = {
+    label: 'Published' | 'Ongoing changes' | 'Draft' | 'Archived';
+    type: 'success' | 'progress' | 'warning';
+    size: string;
+};
+export declare type ActionButtonProps = {
+    label: string;
+    onClick: () => void;
+    disabled?: boolean;
+    faIconName?: string;
+};
+declare type SaveStatusProps = {
+    label?: 'Unsaved changes' | 'Saved';
+    display: boolean;
+};
+export declare type CustomSkillHeaderProps = {
+    onQuitClick: () => void;
+    title: string;
+    tag: TagProps;
+    saveStatus: SaveStatusProps;
+    bulletPointMenuButton: BulletPointMenuButtonProps;
+    saveButton: ActionButtonProps;
+    publishButton: ActionButtonProps;
+    archiveButton?: ActionButtonProps;
+};
+export {};
+//# sourceMappingURL=types.d.ts.map

package/es/organism/custom-skill-header/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/organism/custom-skill-header/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,0BAA0B,EAAC,MAAM,+CAA+C,CAAC;AAEzF,aAAK,QAAQ,GAAG;IACd,KAAK,EAAE,WAAW,GAAG,iBAAiB,GAAG,OAAO,GAAG,UAAU,CAAC;IAC9D,IAAI,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;IACzC,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,oBAAY,iBAAiB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,aAAK,eAAe,GAAG;IACrB,KAAK,CAAC,EAAE,iBAAiB,GAAG,OAAO,CAAC;IACpC,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,oBAAY,sBAAsB,GAAG;IACnC,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,QAAQ,CAAC;IACd,UAAU,EAAE,eAAe,CAAC;IAC5B,qBAAqB,EAAE,0BAA0B,CAAC;IAClD,UAAU,EAAE,iBAAiB,CAAC;IAC9B,aAAa,EAAE,iBAAiB,CAAC;IACjC,aAAa,CAAC,EAAE,iBAAiB,CAAC;CACnC,CAAC"}

package/es/organism/custom-skill-header/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/es/organism/custom-skill-header/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/organism/custom-skill-header/types.ts"],"sourcesContent":["import {BulletPointMenuButtonProps} from '../../molecule/bullet-point-menu-button/types';\n\ntype TagProps = {\n  label: 'Published' | 'Ongoing changes' | 'Draft' | 'Archived';\n  type: 'success' | 'progress' | 'warning';\n  size: string;\n};\n\nexport type ActionButtonProps = {\n  label: string;\n  onClick: () => void;\n  disabled?: boolean;\n  faIconName?: string;\n};\n\ntype SaveStatusProps = {\n  label?: 'Unsaved changes' | 'Saved';\n  display: boolean;\n};\n\nexport type CustomSkillHeaderProps = {\n  onQuitClick: () => void;\n  title: string;\n  tag: TagProps;\n  saveStatus: SaveStatusProps;\n  bulletPointMenuButton: BulletPointMenuButtonProps;\n  saveButton: ActionButtonProps;\n  publishButton: ActionButtonProps;\n  archiveButton?: ActionButtonProps;\n};\n"],"mappings":"","ignoreList":[]}