@coorpacademy/components 11.33.2 → 11.33.3-alpha.12

package/lib/atom/button-menu/index.js

@@ -5,23 +5,57 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _map = _interopRequireDefault(require("lodash/fp/map"));
 var _classnames = _interopRequireDefault(require("classnames"));
+var _buttonLink = _interopRequireDefault(require("../button-link"));
 var _style = _interopRequireDefault(require("./style.css"));
 var _types = _interopRequireWildcard(require("./types"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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); }
+const getIconProps = icon => {
+  if (!icon) return undefined;
+  return icon.faIcon ? {
+    faIcon: {
+      name: icon.faIcon.name,
+      size: icon.faIcon.size,
+      color: icon.faIcon.color
+    },
+    position: icon.position
+  } : {
+    type: icon.type,
+    position: icon.position
+  };
+};
 const Button = props => {
   const {
     'data-name': dataName,
     disabled,
     label,
     onClick,
-    type = 'default'
+    type = 'default',
+    linkType,
+    icon,
+    customStyle,
+    isCustomSkillMenu
   } = props;
-  const styleButton = (0, _classnames.default)(_style.default.button, type === 'default' && _style.default.default, type === 'defaultLeft' && _style.default.defaultLeft, type === 'dangerous' && _style.default.dangerous, type === 'dangerousLeft' && _style.default.dangerousLeft, disabled && _style.default.disabled);
+  const styleButton = (0, _classnames.default)(_style.default.button, type === 'default' && _style.default.default, type === 'defaultLeft' && _style.default.defaultLeft, type === 'dangerous' && _style.default.dangerous, type === 'dangerousLeft' && _style.default.dangerousLeft, disabled && _style.default.disabled, isCustomSkillMenu && _style.default.customSkillButton);
   const handleOnClick = (0, _react.useCallback)(() => onClick(), [onClick]);
-  return /*#__PURE__*/_react.default.createElement("button", {
+  const iconProps = (0, _react.useMemo)(() => getIconProps(icon), [icon]);
+  return icon ? /*#__PURE__*/_react.default.createElement(_buttonLink.default, {
+    label: label,
+    type: linkType,
+    disabled: disabled,
+    onClick: handleOnClick,
+    "data-name": dataName,
+    className: styleButton,
+    customStyle: {
+      color: customStyle?.color
+    },
+    hoverBackgroundColor: customStyle?.hoverBackgroundColor,
+    hoverColor: customStyle?.color,
+    icon: iconProps,
+    isCustomSkillMenu: isCustomSkillMenu
+  }) : /*#__PURE__*/_react.default.createElement("button", {
     type: "button",
     "aria-label": label,
     title: label,
@@ -39,7 +73,8 @@ Button.propTypes = process.env.NODE_ENV !== "production" ? _types.buttonPropType
 const ButtonMenu = props => {
   const {
     buttons,
-    'data-name': dataName
+    'data-name': dataName,
+    isCustomSkillMenu
   } = props;
   const buildButton = (0, _react.useCallback)((button, index) => {
     return /*#__PURE__*/_react.default.createElement(Button, _extends({}, button, {
@@ -52,7 +87,10 @@ const ButtonMenu = props => {
     cap: false
   })(buildButton, buttons), [buttons, buildButton]);
   return /*#__PURE__*/_react.default.createElement("div", {
-    "data-name": dataName
+    "data-name": dataName,
+    className: (0, _classnames.default)({
+      [_style.default.buttonMenuContainer]: isCustomSkillMenu
+    })
   }, buttonList);
 };
 ButtonMenu.propTypes = process.env.NODE_ENV !== "production" ? _types.default : {};

package/lib/atom/button-menu/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_map","_interopRequireDefault","_classnames","_style","_types","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","Button","props","dataName","disabled","label","onClick","type","styleButton","classnames","style","button","defaultLeft","dangerous","dangerousLeft","handleOnClick","useCallback","createElement","title","className","buttonContent","propTypes","process","env","NODE_ENV","buttonPropTypes","ButtonMenu","buttons","buildButton","index","key","buttonList","useMemo","map","convert","cap","_default","exports"],"sources":["../../../src/atom/button-menu/index.tsx"],"sourcesContent":["import React, {useMemo, useCallback} from 'react';\nimport map from 'lodash/fp/map';\nimport classnames from 'classnames';\nimport style from './style.css';\nimport propTypes, {ButtonMenuProps, ButtonProps, buttonPropTypes} from './types';\n\nconst Button = (props: ButtonProps) => {\n  const {'data-name': dataName, disabled, label, onClick, type = 'default'} = props;\n  const styleButton = classnames(\n    style.button,\n    type === 'default' && style.default,\n    type === 'defaultLeft' && style.defaultLeft,\n    type === 'dangerous' && style.dangerous,\n    type === 'dangerousLeft' && style.dangerousLeft,\n    disabled && style.disabled\n  );\n\n  const handleOnClick = useCallback(() => onClick(), [onClick]);\n  return (\n    <button\n      type=\"button\"\n      aria-label={label}\n      title={label}\n      data-name={dataName}\n      className={styleButton}\n      onClick={handleOnClick}\n      disabled={disabled}\n    >\n      <div className={style.buttonContent}>\n        <span className={style.label}>{label}</span>\n      </div>\n    </button>\n  );\n};\n\nButton.propTypes = buttonPropTypes;\n\nconst ButtonMenu = (props: ButtonMenuProps) => {\n  const {buttons, 'data-name': dataName} = props;\n  const buildButton = useCallback((button: ButtonProps, index) => {\n    return <Button {...button} key={button.label + index} />;\n  }, []);\n\n  const buttonList = useMemo(\n    // @ts-expect-error (to avoid using map as any)\n    () => map.convert({cap: false})(buildButton, buttons),\n    [buttons, buildButton]\n  );\n\n  return <div data-name={dataName}>{buttonList}</div>;\n};\n\nButtonMenu.propTypes = propTypes;\n\nexport default ButtonMenu;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_map","_interopRequireDefault","_classnames","_buttonLink","_style","_types","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","getIconProps","icon","undefined","faIcon","name","size","color","position","type","Button","props","dataName","disabled","label","onClick","linkType","customStyle","isCustomSkillMenu","styleButton","classnames","style","button","defaultLeft","dangerous","dangerousLeft","customSkillButton","handleOnClick","useCallback","iconProps","useMemo","createElement","className","hoverBackgroundColor","hoverColor","title","buttonContent","propTypes","process","env","NODE_ENV","buttonPropTypes","ButtonMenu","buttons","buildButton","index","key","buttonList","map","convert","cap","buttonMenuContainer","_default","exports"],"sources":["../../../src/atom/button-menu/index.tsx"],"sourcesContent":["import React, {useMemo, useCallback} from 'react';\nimport map from 'lodash/fp/map';\nimport classnames from 'classnames';\nimport ButtonLink from '../button-link';\nimport {IconType} from '../button-link/types';\nimport style from './style.css';\nimport propTypes, {ButtonMenuProps, ButtonProps, buttonPropTypes} from './types';\n\nconst getIconProps = (icon: IconType | undefined) => {\n  if (!icon) return undefined;\n  return icon.faIcon\n    ? {\n        faIcon: {\n          name: icon.faIcon.name,\n          size: icon.faIcon.size,\n          color: icon.faIcon.color\n        },\n        position: icon.position\n      }\n    : {\n        type: icon.type,\n        position: icon.position\n      };\n};\n\nconst Button = (props: ButtonProps) => {\n  const {\n    'data-name': dataName,\n    disabled,\n    label,\n    onClick,\n    type = 'default',\n    linkType,\n    icon,\n    customStyle,\n    isCustomSkillMenu\n  } = props;\n  const styleButton = classnames(\n    style.button,\n    type === 'default' && style.default,\n    type === 'defaultLeft' && style.defaultLeft,\n    type === 'dangerous' && style.dangerous,\n    type === 'dangerousLeft' && style.dangerousLeft,\n    disabled && style.disabled,\n    isCustomSkillMenu && style.customSkillButton\n  );\n\n  const handleOnClick = useCallback(() => onClick(), [onClick]);\n\n  const iconProps = useMemo(() => getIconProps(icon), [icon]);\n\n  return icon ? (\n    <ButtonLink\n      label={label}\n      type={linkType}\n      disabled={disabled}\n      onClick={handleOnClick}\n      data-name={dataName}\n      className={styleButton}\n      customStyle={{color: customStyle?.color}}\n      hoverBackgroundColor={customStyle?.hoverBackgroundColor}\n      hoverColor={customStyle?.color}\n      icon={iconProps}\n      isCustomSkillMenu={isCustomSkillMenu}\n    />\n  ) : (\n    <button\n      type=\"button\"\n      aria-label={label}\n      title={label}\n      data-name={dataName}\n      className={styleButton}\n      onClick={handleOnClick}\n      disabled={disabled}\n    >\n      <div className={style.buttonContent}>\n        <span className={style.label}>{label}</span>\n      </div>\n    </button>\n  );\n};\n\nButton.propTypes = buttonPropTypes;\n\nconst ButtonMenu = (props: ButtonMenuProps) => {\n  const {buttons, 'data-name': dataName, isCustomSkillMenu} = props;\n  const buildButton = useCallback((button: ButtonProps, index) => {\n    return <Button {...button} key={button.label + index} />;\n  }, []);\n\n  const buttonList = useMemo(\n    // @ts-expect-error (to avoid using map as any)\n    () => map.convert({cap: false})(buildButton, buttons),\n    [buttons, buildButton]\n  );\n\n  return (\n    <div\n      data-name={dataName}\n      className={classnames({\n        [style.buttonMenuContainer]: isCustomSkillMenu\n      })}\n    >\n      {buttonList}\n    </div>\n  );\n};\n\nButtonMenu.propTypes = propTypes;\n\nexport default ButtonMenu;\n"],"mappings":"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","ignoreList":[]}

package/lib/atom/button-menu/style.css

@@ -59,3 +59,16 @@
   composes: dangerous;
   justify-content: flex-start;
 }
+
+.customSkillButton {
+  background-color: transparent;
+  font-weight: 600;
+  width: 201px;
+  justify-content: flex-start;
+}
+
+.buttonMenuContainer {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}

package/lib/atom/button-menu/types.d.ts

@@ -1,10 +1,26 @@
 import PropTypes from 'prop-types';
+import { ButtonLinkProps, IconType } from '../button-link/types';
 export declare const buttonPropTypes: {
     'data-name': PropTypes.Requireable<string>;
     disabled: PropTypes.Requireable<boolean>;
     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>;
 };
 declare const propTypes: {
     buttons: PropTypes.Validator<(PropTypes.InferProps<{
@@ -13,21 +29,45 @@ 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)[]>;
     'data-name': PropTypes.Requireable<string>;
 };
 export default propTypes;
+declare type CustomStyleProps = {
+    color?: string;
+    hoverBackgroundColor?: string;
+};
 export declare type ButtonProps = {
     'data-name'?: string;
     disabled?: boolean;
     label: string;
     onClick: () => void;
     type?: 'default' | 'defaultLeft' | 'dangerous' | 'dangerousLeft';
+    linkType?: ButtonLinkProps['type'];
+    icon?: IconType;
+    customStyle?: CustomStyleProps;
+    isCustomSkillMenu?: boolean;
 };
 export declare type ButtonMenuProps = {
     buttons: ButtonProps[];
     'data-name'?: string;
     'aria-label'?: string;
+    isCustomSkillMenu?: boolean;
 };
 export declare type ButtonMenuPropsFixture = {
     props: ButtonMenuProps;

package/lib/atom/button-menu/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/atom/button-menu/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,eAAO,MAAM,eAAe;;;;;;CAM3B,CAAC;AAEF,QAAA,MAAM,SAAS;;;;;;;;;CAGd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,oBAAY,WAAW,GAAG;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,IAAI,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,WAAW,GAAG,eAAe,CAAC;CAClE,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,oBAAY,sBAAsB,GAAG;IAAC,KAAK,EAAE,eAAe,CAAA;CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/atom/button-menu/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAC,eAAe,EAAE,QAAQ,EAAC,MAAM,sBAAsB,CAAC;AAE/D,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;CAqB3B,CAAC;AAEF,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;CAGd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,aAAK,gBAAgB,GAAG;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B,CAAC;AAEF,oBAAY,WAAW,GAAG;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,IAAI,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,WAAW,GAAG,eAAe,CAAC;IACjE,QAAQ,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IACnC,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B,CAAC;AAEF,oBAAY,sBAAsB,GAAG;IAAC,KAAK,EAAE,eAAe,CAAA;CAAC,CAAC"}

package/lib/atom/button-menu/types.js

@@ -9,7 +9,22 @@ const buttonPropTypes = exports.buttonPropTypes = {
   disabled: _propTypes.default.bool,
   label: _propTypes.default.string.isRequired,
   onClick: _propTypes.default.func.isRequired,
-  type: _propTypes.default.oneOf(['default', 'defaultLeft', 'dangerous', 'dangerousLeft'])
+  type: _propTypes.default.oneOf(['default', 'defaultLeft', 'dangerous', 'dangerousLeft']),
+  linkType: _propTypes.default.oneOf(['primary', 'secondary', 'tertiary', 'text', 'dangerous']),
+  icon: _propTypes.default.shape({
+    position: _propTypes.default.oneOf(['right', 'left']).isRequired,
+    type: _propTypes.default.string,
+    faIcon: _propTypes.default.shape({
+      name: _propTypes.default.string.isRequired,
+      size: _propTypes.default.number,
+      color: _propTypes.default.string
+    })
+  }),
+  customStyle: _propTypes.default.shape({
+    color: _propTypes.default.string,
+    hoverBackgroundColor: _propTypes.default.string
+  }),
+  isCustomSkillMenu: _propTypes.default.bool
 };
 const propTypes = {
   buttons: _propTypes.default.arrayOf(_propTypes.default.shape(buttonPropTypes)).isRequired,

package/lib/atom/button-menu/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["_propTypes","_interopRequireDefault","require","e","__esModule","default","buttonPropTypes","exports","PropTypes","string","disabled","bool","label","isRequired","onClick","func","type","oneOf","propTypes","buttons","arrayOf","shape","_default"],"sources":["../../../src/atom/button-menu/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nexport const buttonPropTypes = {\n  'data-name': PropTypes.string,\n  disabled: PropTypes.bool,\n  label: PropTypes.string.isRequired,\n  onClick: PropTypes.func.isRequired,\n  type: PropTypes.oneOf(['default', 'defaultLeft', 'dangerous', 'dangerousLeft'])\n};\n\nconst propTypes = {\n  buttons: PropTypes.arrayOf(PropTypes.shape(buttonPropTypes)).isRequired,\n  'data-name': PropTypes.string\n};\n\nexport default propTypes;\n\nexport type ButtonProps = {\n  'data-name'?: string;\n  disabled?: boolean;\n  label: string;\n  onClick: () => void;\n  type?: 'default' | 'defaultLeft' | 'dangerous' | 'dangerousLeft';\n};\n\nexport type ButtonMenuProps = {\n  buttons: ButtonProps[];\n  'data-name'?: string;\n  'aria-label'?: string;\n};\n\nexport type ButtonMenuPropsFixture = {props: ButtonMenuProps};\n"],"mappings":";;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAmC,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE5B,MAAMG,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG;EAC7B,WAAW,EAAEE,kBAAS,CAACC,MAAM;EAC7BC,QAAQ,EAAEF,kBAAS,CAACG,IAAI;EACxBC,KAAK,EAAEJ,kBAAS,CAACC,MAAM,CAACI,UAAU;EAClCC,OAAO,EAAEN,kBAAS,CAACO,IAAI,CAACF,UAAU;EAClCG,IAAI,EAAER,kBAAS,CAACS,KAAK,CAAC,CAAC,SAAS,EAAE,aAAa,EAAE,WAAW,EAAE,eAAe,CAAC;AAChF,CAAC;AAED,MAAMC,SAAS,GAAG;EAChBC,OAAO,EAAEX,kBAAS,CAACY,OAAO,CAACZ,kBAAS,CAACa,KAAK,CAACf,eAAe,CAAC,CAAC,CAACO,UAAU;EACvE,WAAW,EAAEL,kBAAS,CAACC;AACzB,CAAC;AAAC,IAAAa,QAAA,GAAAf,OAAA,CAAAF,OAAA,GAEaa,SAAS","ignoreList":[]}
+{"version":3,"file":"types.js","names":["_propTypes","_interopRequireDefault","require","e","__esModule","default","buttonPropTypes","exports","PropTypes","string","disabled","bool","label","isRequired","onClick","func","type","oneOf","linkType","icon","shape","position","faIcon","name","size","number","color","customStyle","hoverBackgroundColor","isCustomSkillMenu","propTypes","buttons","arrayOf","_default"],"sources":["../../../src/atom/button-menu/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {ButtonLinkProps, IconType} from '../button-link/types';\n\nexport const buttonPropTypes = {\n  'data-name': PropTypes.string,\n  disabled: PropTypes.bool,\n  label: PropTypes.string.isRequired,\n  onClick: PropTypes.func.isRequired,\n  type: PropTypes.oneOf(['default', 'defaultLeft', 'dangerous', 'dangerousLeft']),\n  linkType: PropTypes.oneOf(['primary', 'secondary', 'tertiary', 'text', 'dangerous']),\n  icon: PropTypes.shape({\n    position: PropTypes.oneOf(['right', 'left']).isRequired,\n    type: PropTypes.string,\n    faIcon: PropTypes.shape({\n      name: PropTypes.string.isRequired,\n      size: PropTypes.number,\n      color: PropTypes.string\n    })\n  }),\n  customStyle: PropTypes.shape({\n    color: PropTypes.string,\n    hoverBackgroundColor: PropTypes.string\n  }),\n  isCustomSkillMenu: PropTypes.bool\n};\n\nconst propTypes = {\n  buttons: PropTypes.arrayOf(PropTypes.shape(buttonPropTypes)).isRequired,\n  'data-name': PropTypes.string\n};\n\nexport default propTypes;\n\ntype CustomStyleProps = {\n  color?: string;\n  hoverBackgroundColor?: string;\n};\n\nexport type ButtonProps = {\n  'data-name'?: string;\n  disabled?: boolean;\n  label: string;\n  onClick: () => void;\n  type?: 'default' | 'defaultLeft' | 'dangerous' | 'dangerousLeft';\n  linkType?: ButtonLinkProps['type'];\n  icon?: IconType;\n  customStyle?: CustomStyleProps;\n  isCustomSkillMenu?: boolean;\n};\n\nexport type ButtonMenuProps = {\n  buttons: ButtonProps[];\n  'data-name'?: string;\n  'aria-label'?: string;\n  isCustomSkillMenu?: boolean;\n};\n\nexport type ButtonMenuPropsFixture = {props: ButtonMenuProps};\n"],"mappings":";;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAmC,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAG5B,MAAMG,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG;EAC7B,WAAW,EAAEE,kBAAS,CAACC,MAAM;EAC7BC,QAAQ,EAAEF,kBAAS,CAACG,IAAI;EACxBC,KAAK,EAAEJ,kBAAS,CAACC,MAAM,CAACI,UAAU;EAClCC,OAAO,EAAEN,kBAAS,CAACO,IAAI,CAACF,UAAU;EAClCG,IAAI,EAAER,kBAAS,CAACS,KAAK,CAAC,CAAC,SAAS,EAAE,aAAa,EAAE,WAAW,EAAE,eAAe,CAAC,CAAC;EAC/EC,QAAQ,EAAEV,kBAAS,CAACS,KAAK,CAAC,CAAC,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,CAAC,CAAC;EACpFE,IAAI,EAAEX,kBAAS,CAACY,KAAK,CAAC;IACpBC,QAAQ,EAAEb,kBAAS,CAACS,KAAK,CAAC,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAACJ,UAAU;IACvDG,IAAI,EAAER,kBAAS,CAACC,MAAM;IACtBa,MAAM,EAAEd,kBAAS,CAACY,KAAK,CAAC;MACtBG,IAAI,EAAEf,kBAAS,CAACC,MAAM,CAACI,UAAU;MACjCW,IAAI,EAAEhB,kBAAS,CAACiB,MAAM;MACtBC,KAAK,EAAElB,kBAAS,CAACC;IACnB,CAAC;EACH,CAAC,CAAC;EACFkB,WAAW,EAAEnB,kBAAS,CAACY,KAAK,CAAC;IAC3BM,KAAK,EAAElB,kBAAS,CAACC,MAAM;IACvBmB,oBAAoB,EAAEpB,kBAAS,CAACC;EAClC,CAAC,CAAC;EACFoB,iBAAiB,EAAErB,kBAAS,CAACG;AAC/B,CAAC;AAED,MAAMmB,SAAS,GAAG;EAChBC,OAAO,EAAEvB,kBAAS,CAACwB,OAAO,CAACxB,kBAAS,CAACY,KAAK,CAACd,eAAe,CAAC,CAAC,CAACO,UAAU;EACvE,WAAW,EAAEL,kBAAS,CAACC;AACzB,CAAC;AAAC,IAAAwB,QAAA,GAAA1B,OAAA,CAAAF,OAAA,GAEayB,SAAS","ignoreList":[]}

package/lib/atom/tag/style.css

@@ -1,9 +1,13 @@
 @value colors: "../../variables/colors.css";
 @value white from colors;
+@value cm_yellow_100 from colors;
 @value cm_yellow_200 from colors;
+@value cm_yellow_300 from colors;
 @value cm_positive_100 from colors;
+@value cm_positive_300 from colors;
 @value cm_negative_100 from colors;
 @value cm_orange_700 from colors;
+@value cm_orange_800 from colors;
 @value black from colors;
 @value cm_grey_100 from colors;
 @value cm_grey_500 from colors;
@@ -43,14 +47,14 @@
 
 .progress {
   composes: tag;
-  background-color: color(cm_yellow_200 a(15%));
-  color: cm_yellow_200;
+  background-color: color(cm_yellow_100 a(25%));
+  color: cm_yellow_300;
 }
 
 .success {
   composes: tag;
-  background-color: color(cm_positive_100 a(15%));
-  color: cm_positive_100;
+  background-color: color(cm_positive_100 a(20%));
+  color: cm_positive_300;
 }
 
 .failure {
@@ -61,8 +65,8 @@
 
 .warning {
   composes: tag;
-  background-color: color(cm_orange_700 a(15%));
-  color: cm_orange_700;
+  background-color: color(cm_orange_700 a(18%));
+  color: cm_orange_800;
 }
 
 .content {

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

@@ -12,10 +12,26 @@ declare const BulletPointMenuButton: {
             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>;
     };
 };
 export default BulletPointMenuButton;

package/lib/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.tsx"],"names":[],"mappings":";AAKA,OAAkB,EAAC,0BAA0B,EAAC,MAAM,SAAS,CAAC;AAG9D,QAAA,MAAM,qBAAqB;YAAW,0BAA0B;;;;;;;;;;;;;;;;CA2D/D,CAAC;AAIF,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/bullet-point-menu-button/index.tsx"],"names":[],"mappings":";AAKA,OAAkB,EAAC,0BAA0B,EAAC,MAAM,SAAS,CAAC;AAG9D,QAAA,MAAM,qBAAqB;YAAW,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8D/D,CAAC;AAIF,eAAe,qBAAqB,CAAC"}

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

@@ -20,7 +20,8 @@ const BulletPointMenuButton = props => {
     onClick = _noop2.default,
     buttons,
     menuButtonClassName,
-    isBulkMenu
+    isBulkMenu,
+    isCustomSkillMenu
   } = props;
   const [visible, setVisible] = (0, _react.useState)(false);
   const handleOnClick = (0, _react.useCallback)(() => {
@@ -36,10 +37,11 @@ const BulletPointMenuButton = props => {
   }, []);
   const menuProps = {
     'data-name': 'button-menu',
-    buttons
+    buttons,
+    isCustomSkillMenu
   };
   const menu = /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(_style.default.bulletPointMenu, isBulkMenu && _style.default.bulkBulletPointMenu, visible && _style.default.visible),
+    className: (0, _classnames.default)(_style.default.bulletPointMenu, isBulkMenu && _style.default.bulkBulletPointMenu, visible && _style.default.visible, isCustomSkillMenu && _style.default.customSkillBulletPointMenu),
     "data-name": "menu-wrapper",
     "aria-label": menuAriaLabel
   }, /*#__PURE__*/_react.default.createElement(_buttonMenu.default, menuProps));

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_buttonLinkIcon","_buttonMenu","_types","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","BulletPointMenuButton","props","disabled","buttonAriaLabel","menuAriaLabel","onClick","_noop2","buttons","menuButtonClassName","isBulkMenu","visible","setVisible","useState","handleOnClick","useCallback","useEffect","handleMouseDown","document","addEventListener","removeEventListener","menuProps","menu","createElement","className","classnames","style","bulletPointMenu","bulkBulletPointMenu","bulletPointButtonProps","size","icon","bulletPointWrapper","propTypes","process","env","NODE_ENV","_default","exports"],"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":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_buttonLinkIcon","_buttonMenu","_types","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","BulletPointMenuButton","props","disabled","buttonAriaLabel","menuAriaLabel","onClick","_noop2","buttons","menuButtonClassName","isBulkMenu","isCustomSkillMenu","visible","setVisible","useState","handleOnClick","useCallback","useEffect","handleMouseDown","document","addEventListener","removeEventListener","menuProps","menu","createElement","className","classnames","style","bulletPointMenu","bulkBulletPointMenu","customSkillBulletPointMenu","bulletPointButtonProps","size","icon","bulletPointWrapper","propTypes","process","env","NODE_ENV","_default","exports"],"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":"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","ignoreList":[]}

package/lib/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/lib/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/lib/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/lib/molecule/bullet-point-menu-button/types.js

@@ -12,7 +12,8 @@ const propTypes = {
   buttons: _buttonMenu.default.propTypes.buttons,
   onClick: _propTypes.default.func,
   menuButtonClassName: _propTypes.default.string,
-  isBulkMenu: _propTypes.default.bool
+  isBulkMenu: _propTypes.default.bool,
+  isCustomSkillMenu: _propTypes.default.bool
 };
 var _default = exports.default = propTypes;
 //# sourceMappingURL=types.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["_propTypes","_interopRequireDefault","require","_buttonMenu","e","__esModule","default","propTypes","disabled","PropTypes","bool","buttonAriaLabel","string","menuAriaLabel","buttons","ButtonMenu","onClick","func","menuButtonClassName","isBulkMenu","_default","exports"],"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,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AAAgD,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAGhD,MAAMG,SAAS,GAAG;EAChBC,QAAQ,EAAEC,kBAAS,CAACC,IAAI;EACxBC,eAAe,EAAEF,kBAAS,CAACG,MAAM;EACjCC,aAAa,EAAEJ,kBAAS,CAACG,MAAM;EAC/BE,OAAO,EAAEC,mBAAU,CAACR,SAAS,CAACO,OAAO;EACrCE,OAAO,EAAEP,kBAAS,CAACQ,IAAI;EACvBC,mBAAmB,EAAET,kBAAS,CAACG,MAAM;EACrCO,UAAU,EAAEV,kBAAS,CAACC;AACxB,CAAC;AAAC,IAAAU,QAAA,GAAAC,OAAA,CAAAf,OAAA,GAEaC,SAAS","ignoreList":[]}
+{"version":3,"file":"types.js","names":["_propTypes","_interopRequireDefault","require","_buttonMenu","e","__esModule","default","propTypes","disabled","PropTypes","bool","buttonAriaLabel","string","menuAriaLabel","buttons","ButtonMenu","onClick","func","menuButtonClassName","isBulkMenu","isCustomSkillMenu","_default","exports"],"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,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AAAgD,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAGhD,MAAMG,SAAS,GAAG;EAChBC,QAAQ,EAAEC,kBAAS,CAACC,IAAI;EACxBC,eAAe,EAAEF,kBAAS,CAACG,MAAM;EACjCC,aAAa,EAAEJ,kBAAS,CAACG,MAAM;EAC/BE,OAAO,EAAEC,mBAAU,CAACR,SAAS,CAACO,OAAO;EACrCE,OAAO,EAAEP,kBAAS,CAACQ,IAAI;EACvBC,mBAAmB,EAAET,kBAAS,CAACG,MAAM;EACrCO,UAAU,EAAEV,kBAAS,CAACC,IAAI;EAC1BU,iBAAiB,EAAEX,kBAAS,CAACC;AAC/B,CAAC;AAAC,IAAAW,QAAA,GAAAC,OAAA,CAAAhB,OAAA,GAEaC,SAAS","ignoreList":[]}

package/lib/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/lib/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"}