@coorpacademy/components 11.33.2 → 11.33.3-alpha.12

package/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/organism/custom-skill-header/index.js

@@ -0,0 +1,93 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
+var _buttonLinkIcon = _interopRequireDefault(require("../../atom/button-link-icon"));
+var _bulletPointMenuButton = _interopRequireDefault(require("../../molecule/bullet-point-menu-button"));
+var _tag = _interopRequireDefault(require("../../atom/tag"));
+var _style = _interopRequireDefault(require("./style.css"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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 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.default.createElement("div", {
+    className: _style.default.headerWrapper,
+    "data-name": "header-wrapper"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.titleAndButtonWrapper,
+    "data-name": "title-and-button-wrapper"
+  }, /*#__PURE__*/_react.default.createElement(_buttonLinkIcon.default, _extends({}, closeButtonProps, {
+    className: _style.default.button
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.titleWrapper
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.statusWrapper
+  }, /*#__PURE__*/_react.default.createElement(_tag.default, tag), saveStatus.display ? /*#__PURE__*/_react.default.createElement("p", {
+    className: _style.default.saveStatus
+  }, saveStatus.label) : null), /*#__PURE__*/_react.default.createElement("h3", {
+    className: _style.default.title,
+    "aria-label": title,
+    "data-name": "header-title"
+  }, title))), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.buttonsWrapper,
+    "data-name": "button-wrapper"
+  }, archiveButton ? /*#__PURE__*/_react.default.createElement(_buttonLink.default, archiveButtonProps) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_bulletPointMenuButton.default, bulletPointMenuButtonProps), /*#__PURE__*/_react.default.createElement(_buttonLink.default, saveButtonProps), /*#__PURE__*/_react.default.createElement(_buttonLink.default, publishButtonProps))));
+};
+var _default = exports.default = CustomSkillHeader;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_buttonLink","_buttonLinkIcon","_bulletPointMenuButton","_tag","_style","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","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","style","headerWrapper","titleAndButtonWrapper","button","titleWrapper","statusWrapper","display","label","buttonsWrapper","Fragment","_default","exports"],"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/lib/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/lib/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/lib/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/lib/organism/custom-skill-header/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+exports.__esModule = true;
+//# sourceMappingURL=types.js.map

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

package/lib/organism/list-items/index.d.ts

@@ -35,6 +35,7 @@ declare namespace ListItems {
             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>;
@@ -152,10 +153,26 @@ declare namespace ListItems {
                         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>;
@@ -188,6 +205,7 @@ declare namespace ListItems {
                 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>;
@@ -199,10 +217,26 @@ declare namespace ListItems {
                     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/organism/setup-header/index.d.ts

@@ -28,6 +28,7 @@ declare namespace SetupHeader {
                 disabled: PropTypes.Requireable<boolean>;
                 className: PropTypes.Requireable<string>;
                 customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+                isCustomSkillMenu: PropTypes.Requireable<boolean>;
             }>>;
             logOut: PropTypes.Requireable<PropTypes.InferProps<{
                 type: PropTypes.Requireable<string>;
@@ -54,6 +55,7 @@ declare namespace SetupHeader {
                 disabled: PropTypes.Requireable<boolean>;
                 className: PropTypes.Requireable<string>;
                 customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+                isCustomSkillMenu: PropTypes.Requireable<boolean>;
             }>>;
             globalAnalytics: PropTypes.Requireable<PropTypes.InferProps<{
                 type: PropTypes.Requireable<string>;
@@ -80,6 +82,7 @@ declare namespace SetupHeader {
                 disabled: PropTypes.Requireable<boolean>;
                 className: PropTypes.Requireable<string>;
                 customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+                isCustomSkillMenu: PropTypes.Requireable<boolean>;
             }>>;
             platformList: PropTypes.Requireable<PropTypes.InferProps<{
                 type: PropTypes.Requireable<string>;
@@ -106,6 +109,7 @@ declare namespace SetupHeader {
                 disabled: PropTypes.Requireable<boolean>;
                 className: PropTypes.Requireable<string>;
                 customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+                isCustomSkillMenu: PropTypes.Requireable<boolean>;
             }>>;
         }>>;
         const platformName: PropTypes.Requireable<string>;

package/lib/organism/wizard-contents/index.d.ts

@@ -44,6 +44,7 @@ declare namespace WizardContents {
                 disabled: PropTypes.Requireable<boolean>;
                 className: PropTypes.Requireable<string>;
                 customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+                isCustomSkillMenu: PropTypes.Requireable<boolean>;
             }>>;
             secondButtonLink: PropTypes.Requireable<PropTypes.InferProps<{
                 type: PropTypes.Requireable<string>;
@@ -70,6 +71,7 @@ declare namespace WizardContents {
                 disabled: PropTypes.Requireable<boolean>;
                 className: PropTypes.Requireable<string>;
                 customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+                isCustomSkillMenu: PropTypes.Requireable<boolean>;
             }>>;
         }>>;
         const steps: PropTypes.Requireable<(PropTypes.InferProps<{
@@ -435,10 +437,26 @@ declare namespace WizardContents {
                         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>;
@@ -471,6 +489,7 @@ declare namespace WizardContents {
                 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>;
@@ -482,10 +501,26 @@ declare namespace WizardContents {
                     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/template/app-player/loading/index.d.ts

@@ -116,6 +116,7 @@ declare namespace PlayerLoading {
                         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>;
@@ -233,10 +234,26 @@ declare namespace PlayerLoading {
                                     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>;
@@ -269,6 +286,7 @@ declare namespace PlayerLoading {
                             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>;
@@ -280,10 +298,26 @@ declare namespace PlayerLoading {
                                 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>;