@coorpacademy/components 11.33.3-alpha.12 → 11.33.3

package/lib/template/common/dashboard/index.d.ts

@@ -120,7 +120,6 @@ declare namespace Dashboard {
                         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>;
@@ -238,26 +237,10 @@ declare namespace Dashboard {
                                     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>;
@@ -290,7 +273,6 @@ declare namespace Dashboard {
                             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>;
@@ -302,26 +284,10 @@ declare namespace Dashboard {
                                 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>;
@@ -466,7 +432,6 @@ declare namespace Dashboard {
                         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>;
@@ -584,26 +549,10 @@ declare namespace Dashboard {
                                     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>;
@@ -636,7 +585,6 @@ declare namespace Dashboard {
                             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>;
@@ -648,26 +596,10 @@ declare namespace Dashboard {
                                 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/common/search-page/index.d.ts

@@ -301,7 +301,6 @@ declare namespace SearchPage {
                         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>;
@@ -419,26 +418,10 @@ declare namespace SearchPage {
                                     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,7 +454,6 @@ declare namespace SearchPage {
                             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>;
@@ -483,26 +465,10 @@ declare namespace SearchPage {
                                 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/external-course/index.d.ts

@@ -138,7 +138,6 @@ declare namespace ExternalCourse {
                         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>;
@@ -256,26 +255,10 @@ declare namespace ExternalCourse {
                                     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>;
@@ -308,7 +291,6 @@ declare namespace ExternalCourse {
                             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>;
@@ -320,26 +302,10 @@ declare namespace ExternalCourse {
                                 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/variables/colors.css

@@ -48,7 +48,6 @@
 @value cm_grey_900: #111117;
 @value cm_positive_100: #35CC7F;
 @value cm_positive_200: #05944F;
-@value cm_positive_300: #04713D;
 @value cm_negative_100: #ed3436;
 @value cm_negative_200: #b81400;
 @value cm_negative_50: #ffe5e6;
@@ -58,14 +57,12 @@
 @value cm_green_secondary_200: #38CC6C;
 @value cm_orange_200: #FF7043;
 @value cm_orange_700: #FF4105;
-@value cm_orange_800: #A32700;
 @value cm_pink_50: #ffefeb;
 @value cm_purple_200: #7340FF;
 @value cm_yellow_scorm: #FFB800;
 @value cm_yellow_secondary_200: #ffde03;
 @value cm_yellow_100: #ffc043;
 @value cm_yellow_200: #DB9200;
-@value cm_yellow_300: #B87A00;
 @value cm_yellow_400: #bd7e00;
 @value cm_red_200: #FF4040;
 @value cm_negative_red_200: #ED3436;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coorpacademy/components",
-  "version": "11.33.3-alpha.12+264c0fe46",
+  "version": "11.33.3",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -104,7 +104,7 @@
     "@coorpacademy/react-native-mock-render": "^0.2.9",
     "@coorpacademy/react-native-slider": "^0.11.1",
     "@coorpacademy/translate": "6.3.0",
-    "@coorpacademy/webpack-config": "13.1.1",
+    "@coorpacademy/webpack-config": "13.1.2",
     "@react-native-community/blur": "^4.2.0",
     "@storybook/addon-actions": "^6.5.12",
     "@storybook/addon-controls": "^6.5.12",
@@ -165,5 +165,5 @@
     "last 2 versions",
     "IE 11"
   ],
-  "gitHead": "264c0fe465b0f95801ff01abdb2108faed7934c8"
+  "gitHead": "df4ab76d3cd6fa27a173f230ef1fab07c42988eb"
 }

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

@@ -1,5 +0,0 @@
-/// <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

@@ -1 +0,0 @@
-{"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

@@ -1,88 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,54 +0,0 @@
-@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

@@ -1,28 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

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

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

@@ -1 +0,0 @@
-{"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/custom-skill-header/index.d.ts

@@ -1,5 +0,0 @@
-/// <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

@@ -1 +0,0 @@
-{"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

@@ -1,93 +0,0 @@
-"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