@coorpacademy/components 11.36.4-alpha.15 → 11.36.4-alpha.5

package/es/atom/input-switch/index.d.ts

@@ -17,7 +17,6 @@ declare namespace InputSwitch {
         details: PropTypes.Requireable<string>;
         'data-name': PropTypes.Requireable<string>;
         requiredSelection: PropTypes.Requireable<boolean>;
-        icon: PropTypes.Requireable<string>;
     };
 }
 import PropTypes from "prop-types";

package/es/atom/input-switch/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-switch/index.js"],"names":[],"mappings":";AAOA,sDA8FC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-switch/index.js"],"names":[],"mappings":";AAMA,sDAsFC"}

package/es/atom/input-switch/index.js

@@ -3,7 +3,6 @@ import _noop from "lodash/fp/noop";
 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, { useMemo } from 'react';
 import PropTypes from 'prop-types';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import getClassState from '../../util/get-class-state';
 import style from './style.css';
 const InputSwitch = props => {
@@ -22,21 +21,15 @@ const InputSwitch = props => {
     requiredSelection = false,
     'data-name': dataName,
     'aria-labelledby': ariaLabelledBy,
-    'aria-label': ariaLabel,
-    icon
+    'aria-label': ariaLabel
   } = props;
   const idSwitch = id || _uniqueId('input-switch-');
   const isDisabled = disabled ? 'disabled' : '';
   const handleChange = useMemo(() => e => onChange(e.target.checked), [onChange]);
-  const titleView = title ? /*#__PURE__*/React.createElement("div", {
-    className: icon ? style.titleContainer : null
-  }, icon ? /*#__PURE__*/React.createElement(FontAwesomeIcon, {
-    icon: icon,
-    className: style.icon
-  }) : null, /*#__PURE__*/React.createElement("span", {
+  const titleView = title ? /*#__PURE__*/React.createElement("span", {
     id: `title-view-${dataName}`,
     className: style.title
-  }, title)) : null;
+  }, `${title} `, ' ') : null;
   const descriptionView = description ? /*#__PURE__*/React.createElement("div", {
     className: style.description
   }, description) : null;
@@ -47,11 +40,6 @@ const InputSwitch = props => {
           defaultClass: style.coorpmanager,
           modifiedClass: style.coorpmanagerModified
         };
-      case 'newMooc':
-        return {
-          defaultClass: style.newMooc,
-          modifiedClass: style.newMoocModified
-        };
       case 'mooc':
         return {
           defaultClass: style.partielUncheck,
@@ -115,11 +103,10 @@ InputSwitch.propTypes = process.env.NODE_ENV !== "production" ? {
   'aria-label': PropTypes.string,
   modified: PropTypes.bool,
   titlePosition: PropTypes.oneOf(['right', 'left']),
-  theme: PropTypes.oneOf(['default', 'coorpmanager', 'mooc', 'newMooc']),
+  theme: PropTypes.oneOf(['default', 'coorpmanager', 'mooc']),
   details: PropTypes.string,
   'data-name': PropTypes.string,
-  requiredSelection: PropTypes.bool,
-  icon: PropTypes.string
+  requiredSelection: PropTypes.bool
 } : {};
 export default InputSwitch;
 //# sourceMappingURL=index.js.map

package/es/atom/input-switch/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","FontAwesomeIcon","getClassState","style","InputSwitch","props","title","name","id","value","disabled","onChange","_noop","description","modified","theme","titlePosition","details","requiredSelection","dataName","ariaLabelledBy","ariaLabel","icon","idSwitch","_uniqueId","isDisabled","handleChange","e","target","checked","titleView","createElement","className","titleContainer","descriptionView","getClass","defaultClass","coorpmanager","modifiedClass","coorpmanagerModified","newMooc","newMoocModified","partielUncheck","defaultStyle","btnSwitchContainer","_extends","type","checkbox","htmlFor","tabIndex","alignedTextContainer","detailsTxt","propTypes","process","env","NODE_ENV","string","bool","func","oneOf"],"sources":["../../../src/atom/input-switch/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, uniqueId} from 'lodash/fp';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst InputSwitch = props => {\n  const {\n    title,\n    name,\n    id,\n    value,\n    disabled,\n    onChange = noop,\n    description,\n    modified = false,\n    theme = 'default',\n    titlePosition = 'left',\n    details = '',\n    requiredSelection = false,\n    'data-name': dataName,\n    'aria-labelledby': ariaLabelledBy,\n    'aria-label': ariaLabel,\n    icon\n  } = props;\n\n  const idSwitch = id || uniqueId('input-switch-');\n  const isDisabled = disabled ? 'disabled' : '';\n  const handleChange = useMemo(() => e => onChange(e.target.checked), [onChange]);\n  const titleView = title ? (\n    <div className={icon ? style.titleContainer : null}>\n      {icon ? <FontAwesomeIcon icon={icon} className={style.icon} /> : null}\n      <span id={`title-view-${dataName}`} className={style.title}>\n        {title}\n      </span>\n    </div>\n  ) : null;\n\n  const descriptionView = description ? (\n    <div className={style.description}>{description}</div>\n  ) : null;\n\n  const getClass = () => {\n    switch (theme) {\n      case 'coorpmanager':\n        return {\n          defaultClass: style.coorpmanager,\n          modifiedClass: style.coorpmanagerModified\n        };\n      case 'newMooc':\n        return {\n          defaultClass: style.newMooc,\n          modifiedClass: style.newMoocModified\n        };\n      case 'mooc':\n        return {\n          defaultClass: style.partielUncheck,\n          modifiedClass: style.coorpmanagerModified\n        };\n      default:\n        return {defaultClass: style.defaultStyle, modifiedClass: style.modified};\n    }\n  };\n  const {defaultClass, modifiedClass} = getClass();\n  const className = getClassState(defaultClass, modifiedClass, null, modified);\n\n  return (\n    <div className={className} data-name={`switch-input-${theme}${dataName}`}>\n      {titlePosition === 'left' ? titleView : null}\n      <div className={requiredSelection ? style.requiredSelection : null}>\n        <div className={style.btnSwitchContainer}>\n          <input\n            {...(ariaLabelledBy ? {'aria-labelledby': ariaLabelledBy} : {})}\n            {...(title ? {'aria-labelledby': `title-view-${dataName}`} : {})}\n            {...(ariaLabel && !ariaLabelledBy && !title ? {'aria-label': ariaLabel} : {})}\n            type=\"checkbox\"\n            id={idSwitch}\n            name={name}\n            onChange={handleChange}\n            checked={value}\n            disabled={isDisabled}\n            className={style.checkbox}\n            aria-labelledby={ariaLabelledBy}\n          />\n          <label\n            htmlFor={idSwitch}\n            data-name=\"input-switch-label\"\n            tabIndex={0}\n            aria-label={ariaLabel}\n            title={ariaLabel}\n          />\n        </div>\n      </div>\n      <div className={!details ? style.alignedTextContainer : null}>\n        {titlePosition === 'right' ? titleView : null}\n        {details ? <div className={style.detailsTxt}>{details}</div> : null}\n      </div>\n      {descriptionView}\n    </div>\n  );\n};\n\nInputSwitch.propTypes = {\n  title: PropTypes.string,\n  name: PropTypes.string,\n  id: PropTypes.string,\n  value: PropTypes.bool,\n  disabled: PropTypes.bool,\n  onChange: PropTypes.func,\n  description: PropTypes.string,\n  'aria-labelledby': PropTypes.string,\n  'aria-label': PropTypes.string,\n  modified: PropTypes.bool,\n  titlePosition: PropTypes.oneOf(['right', 'left']),\n  theme: PropTypes.oneOf(['default', 'coorpmanager', 'mooc', 'newMooc']),\n  details: PropTypes.string,\n  'data-name': PropTypes.string,\n  requiredSelection: PropTypes.bool,\n  icon: PropTypes.string\n};\nexport default InputSwitch;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","getClassState","style","InputSwitch","props","title","name","id","value","disabled","onChange","_noop","description","modified","theme","titlePosition","details","requiredSelection","dataName","ariaLabelledBy","ariaLabel","idSwitch","_uniqueId","isDisabled","handleChange","e","target","checked","titleView","createElement","className","descriptionView","getClass","defaultClass","coorpmanager","modifiedClass","coorpmanagerModified","partielUncheck","defaultStyle","btnSwitchContainer","_extends","type","checkbox","htmlFor","tabIndex","alignedTextContainer","detailsTxt","propTypes","process","env","NODE_ENV","string","bool","func","oneOf"],"sources":["../../../src/atom/input-switch/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, uniqueId} from 'lodash/fp';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst InputSwitch = props => {\n  const {\n    title,\n    name,\n    id,\n    value,\n    disabled,\n    onChange = noop,\n    description,\n    modified = false,\n    theme = 'default',\n    titlePosition = 'left',\n    details = '',\n    requiredSelection = false,\n    'data-name': dataName,\n    'aria-labelledby': ariaLabelledBy,\n    'aria-label': ariaLabel\n  } = props;\n\n  const idSwitch = id || uniqueId('input-switch-');\n  const isDisabled = disabled ? 'disabled' : '';\n  const handleChange = useMemo(() => e => onChange(e.target.checked), [onChange]);\n\n  const titleView = title ? (\n    <span id={`title-view-${dataName}`} className={style.title}>\n      {`${title} `}{' '}\n    </span>\n  ) : null;\n\n  const descriptionView = description ? (\n    <div className={style.description}>{description}</div>\n  ) : null;\n\n  const getClass = () => {\n    switch (theme) {\n      case 'coorpmanager':\n        return {\n          defaultClass: style.coorpmanager,\n          modifiedClass: style.coorpmanagerModified\n        };\n      case 'mooc':\n        return {\n          defaultClass: style.partielUncheck,\n          modifiedClass: style.coorpmanagerModified\n        };\n      default:\n        return {defaultClass: style.defaultStyle, modifiedClass: style.modified};\n    }\n  };\n  const {defaultClass, modifiedClass} = getClass();\n  const className = getClassState(defaultClass, modifiedClass, null, modified);\n\n  return (\n    <div className={className} data-name={`switch-input-${theme}${dataName}`}>\n      {titlePosition === 'left' ? titleView : null}\n      <div className={requiredSelection ? style.requiredSelection : null}>\n        <div className={style.btnSwitchContainer}>\n          <input\n            {...(ariaLabelledBy ? {'aria-labelledby': ariaLabelledBy} : {})}\n            {...(title ? {'aria-labelledby': `title-view-${dataName}`} : {})}\n            {...(ariaLabel && !ariaLabelledBy && !title ? {'aria-label': ariaLabel} : {})}\n            type=\"checkbox\"\n            id={idSwitch}\n            name={name}\n            onChange={handleChange}\n            checked={value}\n            disabled={isDisabled}\n            className={style.checkbox}\n            aria-labelledby={ariaLabelledBy}\n          />\n          <label\n            htmlFor={idSwitch}\n            data-name=\"input-switch-label\"\n            tabIndex={0}\n            aria-label={ariaLabel}\n            title={ariaLabel}\n          />\n        </div>\n      </div>\n      <div className={!details ? style.alignedTextContainer : null}>\n        {titlePosition === 'right' ? titleView : null}\n        {details ? <div className={style.detailsTxt}>{details}</div> : null}\n      </div>\n      {descriptionView}\n    </div>\n  );\n};\n\nInputSwitch.propTypes = {\n  title: PropTypes.string,\n  name: PropTypes.string,\n  id: PropTypes.string,\n  value: PropTypes.bool,\n  disabled: PropTypes.bool,\n  onChange: PropTypes.func,\n  description: PropTypes.string,\n  'aria-labelledby': PropTypes.string,\n  'aria-label': PropTypes.string,\n  modified: PropTypes.bool,\n  titlePosition: PropTypes.oneOf(['right', 'left']),\n  theme: PropTypes.oneOf(['default', 'coorpmanager', 'mooc']),\n  details: PropTypes.string,\n  'data-name': PropTypes.string,\n  requiredSelection: PropTypes.bool\n};\nexport default InputSwitch;\n"],"mappings":"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","ignoreList":[]}

package/es/atom/input-switch/style.css

@@ -1,6 +1,4 @@
 @value colors: "../../variables/colors.css";
-@value breakpoints: "../../variables/breakpoints.css";
-@value tablet from breakpoints;
 @value orange from colors;
 @value medium from colors;
 @value white from colors;
@@ -11,7 +9,6 @@
 @value black from colors;
 @value cm_primary_blue from colors;
 @value light_blue from colors;
-@value cm_grey_700 from colors;
 
 .defaultStyle {
   display: flex;
@@ -211,75 +208,3 @@
   border-color: cm_primary_blue;
   opacity: 0.4;
 }
-
-.newMooc {
-  composes: defaultStyle;
-  width: 100%;
-}
-
-.newMoocModified {
-  composes: modified;
-}
-
-.newMooc label, .newMoocModified label {
-  height: 24px;
-  border: solid 2px cm_grey_200;
-  margin-right: 16px;
-  background: cm_grey_200;
-}
-
-.newMooc label::after, .newMoocModified label::after {
-  top: 1px;
-  width: 22px;
-  height: 22px;
-}
-
-.newMooc span, .newMoocModified span {
-  font-family: Gilroy;
-  font-weight: bold;
-  color: black;
-  font-size: 14px;
-  font-weight: 600;
-  line-height: 20px;
-  color: cm_grey_700;
-}
-
-.newMooc .checkbox:checked ~ label {
-  background: cm_primary_blue;
-  border-color: cm_primary_blue;
-}
-
-.newMooc .checkbox:disabled ~ label {
-  border-color: cm_grey_200;
-  pointer-events: none;
-  background: cm_grey_200;
-  opacity: 0.4;
-}
-
-.newMooc .checkbox:disabled ~ label::after {
-  background: white;
-}
-
-.titleContainer {
-  display: flex;
-  align-items: center;
-  align-content: flex-start;
-  justify-content: center;
-  gap: 8px;
-  flex: 1;
-}
-
-.titleContainer .title { 
-  width: 100%;
-}
-
-.icon {
-  width: 14px;
-  height: 14px;
-}
-
-@media tablet {
-  .icon {
-    display: none;
-  }
-}

package/es/atom/link/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/link/index.js"],"names":[],"mappings":";AAMA,mEA2EC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/link/index.js"],"names":[],"mappings":";AAMA,mEAwEC"}

package/es/atom/link/index.js

@@ -25,7 +25,6 @@ const Link = (props, legacyContext) => {
     onMouseLeave = _noop,
     download,
     disabled,
-    className,
     ...restProps
   } = props;
   const navigate = useMemo(() => pushToHistory(legacyContext)({
@@ -60,7 +59,6 @@ const Link = (props, legacyContext) => {
     type: "button",
     onClick: disabled ? _noop : handleOnClick,
     style: style,
-    className: className,
     onMouseEnter: handleMouseEnter,
     onMouseLeave: handleMouseLeave
   }), children) : /*#__PURE__*/React.createElement("a", _extends({}, restProps, {
@@ -68,7 +66,6 @@ const Link = (props, legacyContext) => {
     href: disabled || !href ? undefined : createHref(href),
     onClick: disabled ? _noop : handleOnClick,
     style: style,
-    className: className,
     onMouseEnter: handleMouseEnter,
     onMouseLeave: handleMouseLeave
   }), children);

package/es/atom/link/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","useMemo","useState","PropTypes","Provider","pushToHistory","Link","props","legacyContext","hovered","setHovered","history","createHref","_identity","hoverColor","hoverBackgroundColor","dataName","useButtonTag","href","onClick","_noop","style","customStyle","children","onMouseEnter","onMouseLeave","download","disabled","className","restProps","navigate","handleMouseEnter","handleMouseLeave","handleOnClick","e","backgroundColor","undefined","color","pointerEvents","createElement","_extends","type","propTypes","process","env","NODE_ENV","node","string","title","target","oneOf","bool","func","shape","contextTypes","skin","childContextTypes"],"sources":["../../../src/atom/link/index.js"],"sourcesContent":["import React, {useCallback, useMemo, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport {identity, noop} from 'lodash/fp';\nimport Provider from '../provider';\nimport pushToHistory from '../../util/navigation';\n\nconst Link = (props, legacyContext) => {\n  const [hovered, setHovered] = useState(false);\n  const {history: {createHref = identity} = {}} = legacyContext;\n\n  const {\n    hoverColor,\n    hoverBackgroundColor,\n    'data-name': dataName = 'link',\n    useButtonTag = false,\n    href,\n    onClick = noop,\n    style: customStyle,\n    children,\n    onMouseEnter = noop,\n    onMouseLeave = noop,\n    download,\n    disabled,\n    className,\n    ...restProps\n  } = props;\n\n  const navigate = useMemo(() => pushToHistory(legacyContext)({href}), [href, legacyContext]);\n\n  const handleMouseEnter = useCallback(() => {\n    setHovered(true);\n    onMouseEnter();\n  }, [onMouseEnter]);\n\n  const handleMouseLeave = useCallback(() => {\n    setHovered(false);\n    onMouseLeave();\n  }, [onMouseLeave]);\n\n  const handleOnClick = useCallback(\n    e => {\n      onClick(e);\n      if (!download) navigate(e);\n    },\n    [download, navigate, onClick]\n  );\n\n  const style = {\n    ...customStyle,\n    ...(hovered && hoverBackgroundColor ? {backgroundColor: hoverBackgroundColor} : undefined),\n    ...(hovered && hoverColor ? {color: hoverColor} : undefined),\n    ...(href || onClick ? null : {pointerEvents: 'none'})\n  };\n\n  return useButtonTag ? (\n    <button\n      {...restProps}\n      data-name={dataName}\n      type=\"button\"\n      onClick={disabled ? noop : handleOnClick}\n      style={style}\n      className={className}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n    >\n      {children}\n    </button>\n  ) : (\n    <a\n      {...restProps}\n      data-name={dataName}\n      href={disabled || !href ? undefined : createHref(href)}\n      onClick={disabled ? noop : handleOnClick}\n      style={style}\n      className={className}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n    >\n      {children}\n    </a>\n  );\n};\n\nLink.propTypes = {\n  children: PropTypes.node,\n  className: PropTypes.string,\n  href: PropTypes.string,\n  'data-name': PropTypes.string,\n  'aria-label': PropTypes.string,\n  title: PropTypes.string,\n  target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),\n  hoverColor: PropTypes.string,\n  hoverBackgroundColor: PropTypes.string,\n  download: PropTypes.bool,\n  onClick: PropTypes.func,\n  onMouseEnter: PropTypes.func,\n  onMouseLeave: PropTypes.func,\n  useButtonTag: PropTypes.bool,\n  style: PropTypes.shape({}),\n  disabled: PropTypes.bool\n};\n\nLink.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  history: Provider.childContextTypes.history\n};\n\nexport default Link;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useCallback","useMemo","useState","PropTypes","Provider","pushToHistory","Link","props","legacyContext","hovered","setHovered","history","createHref","_identity","hoverColor","hoverBackgroundColor","dataName","useButtonTag","href","onClick","_noop","style","customStyle","children","onMouseEnter","onMouseLeave","download","disabled","restProps","navigate","handleMouseEnter","handleMouseLeave","handleOnClick","e","backgroundColor","undefined","color","pointerEvents","createElement","_extends","type","propTypes","process","env","NODE_ENV","node","className","string","title","target","oneOf","bool","func","shape","contextTypes","skin","childContextTypes"],"sources":["../../../src/atom/link/index.js"],"sourcesContent":["import React, {useCallback, useMemo, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport {identity, noop} from 'lodash/fp';\nimport Provider from '../provider';\nimport pushToHistory from '../../util/navigation';\n\nconst Link = (props, legacyContext) => {\n  const [hovered, setHovered] = useState(false);\n  const {history: {createHref = identity} = {}} = legacyContext;\n\n  const {\n    hoverColor,\n    hoverBackgroundColor,\n    'data-name': dataName = 'link',\n    useButtonTag = false,\n    href,\n    onClick = noop,\n    style: customStyle,\n    children,\n    onMouseEnter = noop,\n    onMouseLeave = noop,\n    download,\n    disabled,\n    ...restProps\n  } = props;\n\n  const navigate = useMemo(() => pushToHistory(legacyContext)({href}), [href, legacyContext]);\n\n  const handleMouseEnter = useCallback(() => {\n    setHovered(true);\n    onMouseEnter();\n  }, [onMouseEnter]);\n\n  const handleMouseLeave = useCallback(() => {\n    setHovered(false);\n    onMouseLeave();\n  }, [onMouseLeave]);\n\n  const handleOnClick = useCallback(\n    e => {\n      onClick(e);\n      if (!download) navigate(e);\n    },\n    [download, navigate, onClick]\n  );\n\n  const style = {\n    ...customStyle,\n    ...(hovered && hoverBackgroundColor ? {backgroundColor: hoverBackgroundColor} : undefined),\n    ...(hovered && hoverColor ? {color: hoverColor} : undefined),\n    ...(href || onClick ? null : {pointerEvents: 'none'})\n  };\n\n  return useButtonTag ? (\n    <button\n      {...restProps}\n      data-name={dataName}\n      type=\"button\"\n      onClick={disabled ? noop : handleOnClick}\n      style={style}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n    >\n      {children}\n    </button>\n  ) : (\n    <a\n      {...restProps}\n      data-name={dataName}\n      href={disabled || !href ? undefined : createHref(href)}\n      onClick={disabled ? noop : handleOnClick}\n      style={style}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n    >\n      {children}\n    </a>\n  );\n};\n\nLink.propTypes = {\n  children: PropTypes.node,\n  className: PropTypes.string,\n  href: PropTypes.string,\n  'data-name': PropTypes.string,\n  'aria-label': PropTypes.string,\n  title: PropTypes.string,\n  target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),\n  hoverColor: PropTypes.string,\n  hoverBackgroundColor: PropTypes.string,\n  download: PropTypes.bool,\n  onClick: PropTypes.func,\n  onMouseEnter: PropTypes.func,\n  onMouseLeave: PropTypes.func,\n  useButtonTag: PropTypes.bool,\n  style: PropTypes.shape({}),\n  disabled: PropTypes.bool\n};\n\nLink.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  history: Provider.childContextTypes.history\n};\n\nexport default Link;\n"],"mappings":"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","ignoreList":[]}

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

@@ -149,7 +149,6 @@ declare const propTypes: {
         details: PropTypes.Requireable<string>;
         'data-name': PropTypes.Requireable<string>;
         requiredSelection: PropTypes.Requireable<boolean>;
-        icon: PropTypes.Requireable<string>;
     }> | null | undefined)[]>;
     items: PropTypes.Requireable<PropTypes.InferProps<{
         type: PropTypes.Requireable<string>;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/cm-popin/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/cm-popin/types.ts"],"names":[],"mappings":"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"}

package/es/molecule/draggable-list/index.d.ts

@@ -26,7 +26,6 @@ declare namespace DraggableList {
                 details: PropTypes.Requireable<string>;
                 'data-name': PropTypes.Requireable<string>;
                 requiredSelection: PropTypes.Requireable<boolean>;
-                icon: PropTypes.Requireable<string>;
             }>>;
             contentTypes: PropTypes.Requireable<PropTypes.InferProps<{
                 modified: PropTypes.Requireable<boolean>;

package/es/molecule/setup-section/index.d.ts

@@ -45,7 +45,6 @@ declare namespace SetupSection {
             details: PropTypes.Requireable<string>;
             'data-name': PropTypes.Requireable<string>;
             requiredSelection: PropTypes.Requireable<boolean>;
-            icon: PropTypes.Requireable<string>;
         }>>;
         import contentTypes = contentTypes;
         export { contentTypes };

package/es/molecule/setup-section/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/setup-section/index.js"],"names":[],"mappings":";AA0CA,qEAeC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAhDD,mFAqBC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/setup-section/index.js"],"names":[],"mappings":";AA0CA,qEAeC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAhDD,mFAqBC"}

package/es/molecule/setup-sections/index.d.ts

@@ -26,7 +26,6 @@ declare namespace SetupSections {
                 details: PropTypes.Requireable<string>;
                 'data-name': PropTypes.Requireable<string>;
                 requiredSelection: PropTypes.Requireable<boolean>;
-                icon: PropTypes.Requireable<string>;
             }>>;
             contentTypes: PropTypes.Requireable<PropTypes.InferProps<{
                 modified: PropTypes.Requireable<boolean>;

package/es/organism/brand-learning-priorities/index.d.ts

@@ -26,7 +26,6 @@ declare namespace BrandLearningPriorities {
                     details: PropTypes.Requireable<string>;
                     'data-name': PropTypes.Requireable<string>;
                     requiredSelection: PropTypes.Requireable<boolean>;
-                    icon: PropTypes.Requireable<string>;
                 }>>;
                 contentTypes: PropTypes.Requireable<PropTypes.InferProps<{
                     modified: PropTypes.Requireable<boolean>;

package/es/organism/header-with-actions/index.d.ts

@@ -4,10 +4,7 @@ declare const HeaderWithActions: {
     (props: HeaderWithActionsProps): JSX.Element;
     propTypes: {
         closeButton: import("prop-types").Requireable<import("prop-types").InferProps<{
-            size: import("prop-types").Validator<string>;
-            icon: import("prop-types").Validator<string>;
-            'data-name': import("prop-types").Validator<string>;
-            'aria-label': import("prop-types").Validator<string>;
+            'aria-label': import("prop-types").Requireable<string>;
             onClick: import("prop-types").Validator<(...args: any[]) => any>;
         }>>;
         title: import("prop-types").Validator<string>;
@@ -20,77 +17,25 @@ declare const HeaderWithActions: {
             display: import("prop-types").Validator<boolean>;
             label: import("prop-types").Requireable<string>;
         }>>>;
-        bulletPointMenuButton: import("prop-types").Requireable<import("prop-types").InferProps<{
-            'data-name': import("prop-types").Requireable<string>;
+        actionButtons: import("prop-types").Validator<(import("prop-types").InferProps<{
+            type: import("prop-types").Requireable<string>;
+            label: import("prop-types").Validator<string>;
+            onClick: import("prop-types").Validator<(...args: any[]) => any>;
             disabled: import("prop-types").Requireable<boolean>;
-            buttonAriaLabel: import("prop-types").Requireable<string>;
-            menuAriaLabel: import("prop-types").Requireable<string>;
+            iconName: import("prop-types").Requireable<string>;
+            iconColor: import("prop-types").Requireable<string>;
+        }> | null | undefined)[]>;
+        bulletPointMenuButtonPropTypes: import("prop-types").Requireable<import("prop-types").InferProps<{
             buttons: import("prop-types").Validator<(import("prop-types").InferProps<{
-                'data-name': import("prop-types").Requireable<string>;
-                disabled: import("prop-types").Requireable<boolean>;
+                dataName: import("prop-types").Requireable<string>;
                 label: import("prop-types").Validator<string>;
-                onClick: import("prop-types").Requireable<(...args: any[]) => any>;
-                type: import("prop-types").Requireable<string>;
-                buttonLinkType: import("prop-types").Requireable<string>;
-                icon: import("prop-types").Requireable<import("prop-types").InferProps<{
-                    theme: import("prop-types").Requireable<string>;
-                    position: import("prop-types").Requireable<string>;
-                    type: import("prop-types").Requireable<string>;
-                    faIcon: import("prop-types").Requireable<import("prop-types").InferProps<{
-                        name: import("prop-types").Validator<string>;
-                        color: import("prop-types").Requireable<string>;
-                        backgroundColor: import("prop-types").Requireable<string>;
-                        size: import("prop-types").Requireable<number>;
-                        customStyle: import("prop-types").Requireable<{
-                            [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                        }>;
-                    }>>;
-                }>>;
-                customStyle: import("prop-types").Requireable<{
-                    [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                }>;
+                iconName: import("prop-types").Validator<string>;
+                iconColor: import("prop-types").Validator<string>;
+                onClick: import("prop-types").Validator<(...args: any[]) => any>;
             }> | null | undefined)[]>;
-            onClick: import("prop-types").Requireable<(...args: any[]) => any>;
-            menuButtonClassName: import("prop-types").Requireable<string>;
-            isBulkMenu: import("prop-types").Requireable<boolean>;
+            onClick: import("prop-types").Validator<(...args: any[]) => any>;
+            buttonAriaLabel: import("prop-types").Requireable<string>;
         }>>;
-        actionButtons: import("prop-types").Validator<(import("prop-types").InferProps<{
-            type: import("prop-types").Requireable<string>;
-            usage: import("prop-types").Requireable<string>;
-            label: import("prop-types").Requireable<string>;
-            content: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
-            'aria-label': import("prop-types").Requireable<string>;
-            tooltipText: import("prop-types").Requireable<string>;
-            tooltipPlacement: import("prop-types").Requireable<string>;
-            'data-name': import("prop-types").Requireable<string>;
-            'data-testid': import("prop-types").Requireable<string>;
-            icon: import("prop-types").Requireable<import("prop-types").InferProps<{
-                position: import("prop-types").Requireable<string>;
-                type: import("prop-types").Requireable<string>;
-                faIcon: import("prop-types").Requireable<import("prop-types").InferProps<{
-                    name: import("prop-types").Validator<string>;
-                    color: import("prop-types").Requireable<string>;
-                    backgroundColor: import("prop-types").Requireable<string>;
-                    size: import("prop-types").Requireable<number>;
-                    customStyle: import("prop-types").Requireable<{
-                        [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                    }>;
-                }>>;
-            }>>;
-            onClick: import("prop-types").Requireable<(...args: any[]) => any>;
-            link: import("prop-types").Requireable<import("prop-types").InferProps<{
-                href: import("prop-types").Requireable<string>;
-                download: import("prop-types").Requireable<boolean>;
-                target: import("prop-types").Requireable<string>;
-            }>>;
-            hoverBackgroundColor: import("prop-types").Requireable<string>;
-            hoverColor: import("prop-types").Requireable<string>;
-            disabled: import("prop-types").Requireable<boolean>;
-            className: import("prop-types").Requireable<string>;
-            customStyle: import("prop-types").Requireable<{
-                [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-            }>;
-        }> | null | undefined)[]>;
     };
 };
 export default HeaderWithActions;

package/es/organism/header-with-actions/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/header-with-actions/index.tsx"],"names":[],"mappings":";AAQA,OAAmC,EAAC,sBAAsB,EAAC,MAAM,SAAS,CAAC;AAO3E,QAAA,MAAM,iBAAiB;YAAW,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgCvD,CAAC;AAIF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/header-with-actions/index.tsx"],"names":[],"mappings":";AAOA,OAAmC,EACjC,sBAAsB,EAGvB,MAAM,SAAS,CAAC;AAyEjB,QAAA,MAAM,iBAAiB;YAAW,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyCvD,CAAC;AAIF,eAAe,iBAAiB,CAAC"}

package/es/organism/header-with-actions/index.js

@@ -13,6 +13,80 @@ const getDataName = suffix => `header-with-actions-${suffix}`;
 const uncappedMap = map.convert({
   cap: false
 });
+const buildCloseButton = ({
+  onClick,
+  ariaLabel
+}) => {
+  return {
+    size: 'default',
+    icon: 'close',
+    'data-name': 'close-button',
+    'aria-label': ariaLabel,
+    onClick
+  };
+};
+const buildButtonMenu = ({
+  dataName,
+  label,
+  iconName,
+  iconColor,
+  onClick
+}) => {
+  return {
+    'data-name': dataName,
+    label,
+    buttonLinkType: 'tertiary',
+    icon: {
+      position: 'left',
+      faIcon: {
+        name: iconName,
+        color: iconColor,
+        size: 14,
+        customStyle: {
+          padding: 0
+        }
+      }
+    },
+    onClick,
+    type: iconName === 'trash' ? 'dangerousLeft' : 'defaultLeft'
+  };
+};
+const buildActionButton = ({
+  type,
+  label,
+  onClick,
+  disabled,
+  iconName,
+  iconColor
+}) => {
+  const base = {
+    type,
+    label,
+    onClick,
+    disabled,
+    customStyle: {
+      fontWeight: '600',
+      borderRadius: '12px'
+    }
+  };
+  if (iconName && iconColor) {
+    return {
+      ...base,
+      icon: {
+        position: 'left',
+        faIcon: {
+          name: iconName,
+          color: iconColor,
+          size: 14,
+          customStyle: {
+            padding: 0
+          }
+        }
+      }
+    };
+  }
+  return base;
+};
 const HeaderWithActions = props => {
   const {
     closeButton,
@@ -28,7 +102,10 @@ const HeaderWithActions = props => {
   }, /*#__PURE__*/React.createElement("div", {
     className: style.titleAndButtonWrapper,
     "data-name": getDataName('title-and-button-wrapper')
-  }, /*#__PURE__*/React.createElement(ButtonLinkIcon, _extends({}, closeButton, {
+  }, /*#__PURE__*/React.createElement(ButtonLinkIcon, _extends({}, buildCloseButton({
+    onClick: closeButton.onClick,
+    ariaLabel: closeButton['aria-label']
+  }), {
     className: style.button
   })), /*#__PURE__*/React.createElement("div", {
     className: style.titleWrapper
@@ -44,9 +121,9 @@ const HeaderWithActions = props => {
     className: style.buttonsWrapper,
     "data-name": getDataName('buttons-wrapper')
   }, bulletPointMenuButton && !isEmpty(bulletPointMenuButton.buttons) ? /*#__PURE__*/React.createElement(BulletPointMenuButton, _extends({}, bulletPointMenuButton, {
-    buttonAriaLabel: "More actions"
+    buttons: uncappedMap(buildButtonMenu, bulletPointMenuButton.buttons)
   })) : null, uncappedMap((action, key) => {
-    return /*#__PURE__*/React.createElement(ButtonLink, _extends({}, action, {
+    return /*#__PURE__*/React.createElement(ButtonLink, _extends({}, buildActionButton(action), {
       key: key
     }));
   }, actionButtons)));

package/es/organism/header-with-actions/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","isEmpty","map","ButtonLink","ButtonLinkIcon","Tag","BulletPointMenuButton","headerWithActionsPropTypes","style","getDataName","suffix","uncappedMap","convert","cap","HeaderWithActions","props","closeButton","title","tag","saveStatus","bulletPointMenuButton","actionButtons","createElement","className","headerWrapper","titleAndButtonWrapper","_extends","button","titleWrapper","statusWrapper","display","label","buttonsWrapper","buttons","buttonAriaLabel","action","key","propTypes","process","env","NODE_ENV"],"sources":["../../../src/organism/header-with-actions/index.tsx"],"sourcesContent":["import React from 'react';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport map from 'lodash/fp/map';\nimport ButtonLink from '../../atom/button-link';\nimport ButtonLinkIcon from '../../atom/button-link-icon';\nimport Tag from '../../atom/tag';\nimport {ButtonLinkProps} from '../../atom/button-link/types';\nimport BulletPointMenuButton from '../../molecule/bullet-point-menu-button';\nimport headerWithActionsPropTypes, {HeaderWithActionsProps} from './types';\nimport style from './style.css';\n\nconst getDataName = (suffix: string) => `header-with-actions-${suffix}`;\n// @ts-expect-error (need to get the index)\nconst uncappedMap = map.convert({cap: false});\n\nconst HeaderWithActions = (props: HeaderWithActionsProps) => {\n  const {closeButton, title, tag, saveStatus, bulletPointMenuButton, actionButtons} = props;\n\n  return (\n    <div className={style.headerWrapper} data-name={getDataName('wrapper')}>\n      <div\n        className={style.titleAndButtonWrapper}\n        data-name={getDataName('title-and-button-wrapper')}\n      >\n        <ButtonLinkIcon {...closeButton} className={style.button} />\n        <div className={style.titleWrapper}>\n          <div className={style.statusWrapper}>\n            <Tag {...tag} />\n            {saveStatus.display && saveStatus.label ? (\n              <p className={style.saveStatus}>{saveStatus.label}</p>\n            ) : null}\n          </div>\n          <h3 className={style.title} aria-label={title} data-name={getDataName('title')}>\n            {title}\n          </h3>\n        </div>\n      </div>\n      <div className={style.buttonsWrapper} data-name={getDataName('buttons-wrapper')}>\n        {bulletPointMenuButton && !isEmpty(bulletPointMenuButton.buttons) ? (\n          <BulletPointMenuButton {...bulletPointMenuButton} buttonAriaLabel=\"More actions\" />\n        ) : null}\n        {uncappedMap((action: ButtonLinkProps, key: string) => {\n          return <ButtonLink {...action} key={key} />;\n        }, actionButtons)}\n      </div>\n    </div>\n  );\n};\n\nHeaderWithActions.propTypes = headerWithActionsPropTypes;\n\nexport default HeaderWithActions;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,OAAO,MAAM,mBAAmB;AACvC,OAAOC,GAAG,MAAM,eAAe;AAC/B,OAAOC,UAAU,MAAM,wBAAwB;AAC/C,OAAOC,cAAc,MAAM,6BAA6B;AACxD,OAAOC,GAAG,MAAM,gBAAgB;AAEhC,OAAOC,qBAAqB,MAAM,yCAAyC;AAC3E,OAAOC,0BAA0B,MAAgC,SAAS;AAC1E,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,WAAW,GAAIC,MAAc,IAAK,uBAAuBA,MAAM,EAAE;AACvE;AACA,MAAMC,WAAW,GAAGT,GAAG,CAACU,OAAO,CAAC;EAACC,GAAG,EAAE;AAAK,CAAC,CAAC;AAE7C,MAAMC,iBAAiB,GAAIC,KAA6B,IAAK;EAC3D,MAAM;IAACC,WAAW;IAAEC,KAAK;IAAEC,GAAG;IAAEC,UAAU;IAAEC,qBAAqB;IAAEC;EAAa,CAAC,GAAGN,KAAK;EAEzF,oBACEf,KAAA,CAAAsB,aAAA;IAAKC,SAAS,EAAEf,KAAK,CAACgB,aAAc;IAAC,aAAWf,WAAW,CAAC,SAAS;EAAE,gBACrET,KAAA,CAAAsB,aAAA;IACEC,SAAS,EAAEf,KAAK,CAACiB,qBAAsB;IACvC,aAAWhB,WAAW,CAAC,0BAA0B;EAAE,gBAEnDT,KAAA,CAAAsB,aAAA,CAAClB,cAAc,EAAAsB,QAAA,KAAKV,WAAW;IAAEO,SAAS,EAAEf,KAAK,CAACmB;EAAO,EAAE,CAAC,eAC5D3B,KAAA,CAAAsB,aAAA;IAAKC,SAAS,EAAEf,KAAK,CAACoB;EAAa,gBACjC5B,KAAA,CAAAsB,aAAA;IAAKC,SAAS,EAAEf,KAAK,CAACqB;EAAc,gBAClC7B,KAAA,CAAAsB,aAAA,CAACjB,GAAG,EAAKa,GAAM,CAAC,EACfC,UAAU,CAACW,OAAO,IAAIX,UAAU,CAACY,KAAK,gBACrC/B,KAAA,CAAAsB,aAAA;IAAGC,SAAS,EAAEf,KAAK,CAACW;EAAW,GAAEA,UAAU,CAACY,KAAS,CAAC,GACpD,IACD,CAAC,eACN/B,KAAA,CAAAsB,aAAA;IAAIC,SAAS,EAAEf,KAAK,CAACS,KAAM;IAAC,cAAYA,KAAM;IAAC,aAAWR,WAAW,CAAC,OAAO;EAAE,GAC5EQ,KACC,CACD,CACF,CAAC,eACNjB,KAAA,CAAAsB,aAAA;IAAKC,SAAS,EAAEf,KAAK,CAACwB,cAAe;IAAC,aAAWvB,WAAW,CAAC,iBAAiB;EAAE,GAC7EW,qBAAqB,IAAI,CAACnB,OAAO,CAACmB,qBAAqB,CAACa,OAAO,CAAC,gBAC/DjC,KAAA,CAAAsB,aAAA,CAAChB,qBAAqB,EAAAoB,QAAA,KAAKN,qBAAqB;IAAEc,eAAe,EAAC;EAAc,EAAE,CAAC,GACjF,IAAI,EACPvB,WAAW,CAAC,CAACwB,MAAuB,EAAEC,GAAW,KAAK;IACrD,oBAAOpC,KAAA,CAAAsB,aAAA,CAACnB,UAAU,EAAAuB,QAAA,KAAKS,MAAM;MAAEC,GAAG,EAAEA;IAAI,EAAE,CAAC;EAC7C,CAAC,EAAEf,aAAa,CACb,CACF,CAAC;AAEV,CAAC;AAEDP,iBAAiB,CAACuB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAGjC,0BAA0B;AAExD,eAAeO,iBAAiB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","isEmpty","map","ButtonLink","ButtonLinkIcon","Tag","BulletPointMenuButton","headerWithActionsPropTypes","style","getDataName","suffix","uncappedMap","convert","cap","buildCloseButton","onClick","ariaLabel","size","icon","buildButtonMenu","dataName","label","iconName","iconColor","buttonLinkType","position","faIcon","name","color","customStyle","padding","type","buildActionButton","disabled","base","fontWeight","borderRadius","HeaderWithActions","props","closeButton","title","tag","saveStatus","bulletPointMenuButton","actionButtons","createElement","className","headerWrapper","titleAndButtonWrapper","_extends","button","titleWrapper","statusWrapper","display","buttonsWrapper","buttons","action","key","propTypes","process","env","NODE_ENV"],"sources":["../../../src/organism/header-with-actions/index.tsx"],"sourcesContent":["import React from 'react';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport map from 'lodash/fp/map';\nimport ButtonLink from '../../atom/button-link';\nimport ButtonLinkIcon from '../../atom/button-link-icon';\nimport Tag from '../../atom/tag';\nimport BulletPointMenuButton from '../../molecule/bullet-point-menu-button';\nimport headerWithActionsPropTypes, {\n  HeaderWithActionsProps,\n  ButtonMenuProps,\n  ButtonActionProps\n} from './types';\nimport style from './style.css';\n\nconst getDataName = (suffix: string) => `header-with-actions-${suffix}`;\n// @ts-expect-error (need to get the index)\nconst uncappedMap = map.convert({cap: false});\n\nconst buildCloseButton = ({onClick, ariaLabel}: {onClick: () => void; ariaLabel: string}) => {\n  return {\n    size: 'default',\n    icon: 'close',\n    'data-name': 'close-button',\n    'aria-label': ariaLabel,\n    onClick\n  };\n};\n\nconst buildButtonMenu = ({dataName, label, iconName, iconColor, onClick}: ButtonMenuProps) => {\n  return {\n    'data-name': dataName,\n    label,\n    buttonLinkType: 'tertiary',\n    icon: {\n      position: 'left' as const,\n      faIcon: {\n        name: iconName,\n        color: iconColor,\n        size: 14,\n        customStyle: {padding: 0}\n      }\n    },\n    onClick,\n    type: iconName === 'trash' ? 'dangerousLeft' : 'defaultLeft'\n  };\n};\n\nconst buildActionButton = ({\n  type,\n  label,\n  onClick,\n  disabled,\n  iconName,\n  iconColor\n}: ButtonActionProps) => {\n  const base = {\n    type,\n    label,\n    onClick,\n    disabled,\n    customStyle: {\n      fontWeight: '600',\n      borderRadius: '12px'\n    }\n  };\n\n  if (iconName && iconColor) {\n    return {\n      ...base,\n      icon: {\n        position: 'left' as const,\n        faIcon: {\n          name: iconName,\n          color: iconColor,\n          size: 14,\n          customStyle: {padding: 0}\n        }\n      }\n    };\n  }\n\n  return base;\n};\n\nconst HeaderWithActions = (props: HeaderWithActionsProps) => {\n  const {closeButton, title, tag, saveStatus, bulletPointMenuButton, actionButtons} = props;\n\n  return (\n    <div className={style.headerWrapper} data-name={getDataName('wrapper')}>\n      <div\n        className={style.titleAndButtonWrapper}\n        data-name={getDataName('title-and-button-wrapper')}\n      >\n        <ButtonLinkIcon\n          {...buildCloseButton({\n            onClick: closeButton.onClick,\n            ariaLabel: closeButton['aria-label']\n          })}\n          className={style.button}\n        />\n        <div className={style.titleWrapper}>\n          <div className={style.statusWrapper}>\n            <Tag {...tag} />\n            {saveStatus.display && saveStatus.label ? (\n              <p className={style.saveStatus}>{saveStatus.label}</p>\n            ) : null}\n          </div>\n          <h3 className={style.title} aria-label={title} data-name={getDataName('title')}>\n            {title}\n          </h3>\n        </div>\n      </div>\n      <div className={style.buttonsWrapper} data-name={getDataName('buttons-wrapper')}>\n        {bulletPointMenuButton && !isEmpty(bulletPointMenuButton.buttons) ? (\n          <BulletPointMenuButton\n            {...bulletPointMenuButton}\n            buttons={uncappedMap(buildButtonMenu, bulletPointMenuButton.buttons)}\n          />\n        ) : null}\n        {uncappedMap((action: ButtonActionProps, key: string) => {\n          return <ButtonLink {...buildActionButton(action)} key={key} />;\n        }, actionButtons)}\n      </div>\n    </div>\n  );\n};\n\nHeaderWithActions.propTypes = headerWithActionsPropTypes;\n\nexport default HeaderWithActions;\n"],"mappings":"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","ignoreList":[]}