@coorpacademy/components 11.34.1 → 11.34.2-alpha.74

package/lib/organism/skill-edition/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/skill-edition/index.tsx"],"names":[],"mappings":";AAKA,OAAkB,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAC;AAGrD,QAAA,MAAM,YAAY;YAAW,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkB7C,CAAC;AAIF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/skill-edition/index.tsx"],"names":[],"mappings":";AAOA,OAAkB,EAGhB,qBAAqB,EAEtB,MAAM,SAAS,CAAC;AAqNjB,QAAA,MAAM,YAAY;YAAW,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAejD,CAAC;AAIF,eAAe,YAAY,CAAC"}

package/lib/organism/skill-edition/index.js

@@ -2,14 +2,243 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+var _map2 = _interopRequireDefault(require("lodash/fp/map"));
+var _keys2 = _interopRequireDefault(require("lodash/fp/keys"));
+var _isEmpty2 = _interopRequireDefault(require("lodash/fp/isEmpty"));
+var _includes2 = _interopRequireDefault(require("lodash/fp/includes"));
 var _react = _interopRequireDefault(require("react"));
 var _brandFormGroup = _interopRequireDefault(require("../../molecule/brand-form-group"));
 var _listItems = _interopRequireDefault(require("../list-items"));
 var _title = _interopRequireDefault(require("../../atom/title"));
 var _titleAndInput = _interopRequireDefault(require("../title-and-input"));
+var _colors = require("../../variables/colors");
 var _types = _interopRequireDefault(require("./types"));
 var _style = _interopRequireDefault(require("./style.css"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// @ts-expect-error convert is not recognized by the types
+const uncappedMap = _map2.default.convert({
+  cap: false
+});
+const builTitleButton = (label, onClick) => ({
+  type: 'primary',
+  label,
+  'aria-label': label,
+  'data-name': `button-${label}`,
+  onClick,
+  hoverBackgroundColor: _colors.COLORS.primary_100,
+  hoverColor: _colors.COLORS.cm_primary_blue,
+  icon: {
+    position: 'left',
+    faIcon: {
+      name: 'plus',
+      color: _colors.COLORS.cm_primary_blue,
+      size: 14,
+      customStyle: {
+        padding: 0
+      }
+    }
+  },
+  customStyle: {
+    width: 'fit-content',
+    backgroundColor: _colors.COLORS.cm_blue_50,
+    color: _colors.COLORS.cm_primary_blue,
+    borderRadius: '12px',
+    paddingRight: '8px',
+    paddingleft: '16px',
+    fontWeight: 600
+  }
+});
+const buildTranslationItems = ({
+  title: itemTitle,
+  onEditClick,
+  onDeleteClick
+}, index) => ({
+  id: index,
+  title: itemTitle,
+  buttonLink: {
+    'aria-label': 'Edit',
+    type: 'primary',
+    customStyle: {
+      width: 'fit-content',
+      backgroundColor: 'transparent'
+    },
+    hoverBackgroundColor: _colors.COLORS.gray,
+    icon: {
+      position: 'left',
+      faIcon: {
+        name: 'edit',
+        color: _colors.COLORS.cm_grey_500,
+        size: 16
+      }
+    },
+    onClick: onEditClick
+  },
+  secondButtonLink: {
+    'aria-label': 'Delete',
+    type: 'primary',
+    customStyle: {
+      width: 'fit-content',
+      backgroundColor: 'transparent'
+    },
+    hoverBackgroundColor: _colors.COLORS.gray,
+    icon: {
+      position: 'left',
+      faIcon: {
+        name: 'trash',
+        color: _colors.COLORS.cm_grey_500,
+        size: 16
+      }
+    },
+    onClick: onDeleteClick
+  }
+});
+const Translations = ({
+  title,
+  subtitle,
+  items,
+  button: {
+    label,
+    onClick
+  },
+  localesOptions,
+  emptyResult
+}) => {
+  const button = builTitleButton(label, onClick);
+  const translationMenuAction = {
+    button,
+    menu: {
+      buttons: (0, _map2.default)(({
+        label: optionLabel,
+        ref: optionRef,
+        onClick: optionOnClick
+      }) => ({
+        type: 'defaultLeft',
+        onClick: optionOnClick,
+        customStyle: {
+          width: '238px'
+        },
+        label: optionLabel,
+        'data-name': optionLabel,
+        // disable if current locale option is already in items list
+        disabled: (0, _includes2.default)(optionRef, (0, _keys2.default)(items))
+      }), localesOptions)
+    },
+    menuWrapper: {
+      customStyle: {
+        maxHeight: '252px'
+      }
+    }
+  };
+  const translationProps = {
+    title: {
+      title,
+      type: 'form-group',
+      subtitle,
+      titleSize: 'xl-strong',
+      subtitleSize: 'medium'
+    },
+    'aria-label': title,
+    content: {
+      ...(!(0, _isEmpty2.default)(emptyResult) && {
+        emptyResult: {
+          ...emptyResult,
+          button: translationMenuAction
+        }
+      }),
+      items: uncappedMap(buildTranslationItems, items),
+      type: 'list'
+    },
+    buttonMenuAction: translationMenuAction
+  };
+  return /*#__PURE__*/_react.default.createElement(_listItems.default, translationProps);
+};
+const buildContentItem = ({
+  ref,
+  title,
+  subtitle,
+  image,
+  tags: {
+    label,
+    iconName
+  },
+  checkbox
+}) => ({
+  id: ref,
+  title,
+  subtitle,
+  image,
+  tags: [{
+    label,
+    type: 'default',
+    icon: {
+      iconName,
+      preset: 's',
+      customStyle: {
+        padding: 0
+      },
+      position: 'left'
+    }
+  }],
+  checkbox
+});
+const Content = ({
+  title,
+  subtitle,
+  button: {
+    label: buttonLabel,
+    onClick
+  },
+  list: {
+    title: listTitle,
+    checkbox,
+    items,
+    search,
+    emptyResult
+  }
+}) => {
+  const button = builTitleButton(buttonLabel, onClick);
+  const titleProps = {
+    type: 'form-group',
+    title,
+    subtitle,
+    button,
+    required: true
+  };
+  const listProps = {
+    ...(!(0, _isEmpty2.default)(checkbox) && {
+      ...checkbox,
+      icon: {
+        iconName: 'minus',
+        iconColor: _colors.COLORS.white,
+        preset: 's'
+      },
+      customStyle: {
+        fontWeight: 600,
+        color: _colors.COLORS.cm_grey_500,
+        fontSize: '16px'
+      }
+    }),
+    title: listTitle,
+    'aria-label': 'content list items',
+    content: {
+      ...(!(0, _isEmpty2.default)(emptyResult) && {
+        emptyResult: {
+          ...emptyResult,
+          button
+        }
+      }),
+      items: (0, _map2.default)(buildContentItem, items),
+      type: 'list'
+    },
+    search: {
+      ...search,
+      theme: 'coorpmanager'
+    }
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.contentContainer
+  }, /*#__PURE__*/_react.default.createElement(_title.default, titleProps), /*#__PURE__*/_react.default.createElement(_listItems.default, listProps));
+};
 const SkillEdition = props => {
   const {
     skillInformations,
@@ -22,9 +251,7 @@ const SkillEdition = props => {
     className: _style.default.skillInformationsContainer
   }, /*#__PURE__*/_react.default.createElement(_brandFormGroup.default, skillInformations.form), /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.iconEditor
-  }, /*#__PURE__*/_react.default.createElement(_titleAndInput.default, skillInformations.iconEditor))), /*#__PURE__*/_react.default.createElement(_listItems.default, translations), /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.contentContainer
-  }, /*#__PURE__*/_react.default.createElement(_title.default, content.title), /*#__PURE__*/_react.default.createElement(_listItems.default, content.listContent)));
+  }, /*#__PURE__*/_react.default.createElement(_titleAndInput.default, skillInformations.iconEditor))), /*#__PURE__*/_react.default.createElement(Translations, translations), /*#__PURE__*/_react.default.createElement(Content, content));
 };
 SkillEdition.propTypes = process.env.NODE_ENV !== "production" ? _types.default : {};
 var _default = exports.default = SkillEdition;

package/lib/organism/skill-edition/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_brandFormGroup","_listItems","_title","_titleAndInput","_types","_style","e","__esModule","default","SkillEdition","props","skillInformations","translations","content","createElement","className","style","container","skillInformationsContainer","form","iconEditor","contentContainer","title","listContent","propTypes","process","env","NODE_ENV","_default","exports"],"sources":["../../../src/organism/skill-edition/index.tsx"],"sourcesContent":["import React from 'react';\nimport BrandFormGroup from '../../molecule/brand-form-group';\nimport ListItems from '../list-items';\nimport Title from '../../atom/title';\nimport TitleAndInput from '../title-and-input';\nimport propTypes, {SkillEditionProps} from './types';\nimport style from './style.css';\n\nconst SkillEdition = (props: SkillEditionProps) => {\n  const {skillInformations, translations, content} = props;\n\n  return (\n    <div className={style.container}>\n      <div className={style.skillInformationsContainer}>\n        <BrandFormGroup {...skillInformations.form} />\n        <div className={style.iconEditor}>\n          <TitleAndInput {...skillInformations.iconEditor} />\n        </div>\n      </div>\n      <ListItems {...translations} />\n      <div className={style.contentContainer}>\n        <Title {...content.title} />\n        <ListItems {...content.listContent} />\n      </div>\n    </div>\n  );\n};\n\nSkillEdition.propTypes = propTypes;\n\nexport default SkillEdition;\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,UAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,MAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,cAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,MAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,MAAA,GAAAP,sBAAA,CAAAC,OAAA;AAAgC,SAAAD,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhC,MAAMG,YAAY,GAAIC,KAAwB,IAAK;EACjD,MAAM;IAACC,iBAAiB;IAAEC,YAAY;IAAEC;EAAO,CAAC,GAAGH,KAAK;EAExD,oBACEb,MAAA,CAAAW,OAAA,CAAAM,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACC;EAAU,gBAC9BpB,MAAA,CAAAW,OAAA,CAAAM,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACE;EAA2B,gBAC/CrB,MAAA,CAAAW,OAAA,CAAAM,aAAA,CAACd,eAAA,CAAAQ,OAAc,EAAKG,iBAAiB,CAACQ,IAAO,CAAC,eAC9CtB,MAAA,CAAAW,OAAA,CAAAM,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACI;EAAW,gBAC/BvB,MAAA,CAAAW,OAAA,CAAAM,aAAA,CAACX,cAAA,CAAAK,OAAa,EAAKG,iBAAiB,CAACS,UAAa,CAC/C,CACF,CAAC,eACNvB,MAAA,CAAAW,OAAA,CAAAM,aAAA,CAACb,UAAA,CAAAO,OAAS,EAAKI,YAAe,CAAC,eAC/Bf,MAAA,CAAAW,OAAA,CAAAM,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACK;EAAiB,gBACrCxB,MAAA,CAAAW,OAAA,CAAAM,aAAA,CAACZ,MAAA,CAAAM,OAAK,EAAKK,OAAO,CAACS,KAAQ,CAAC,eAC5BzB,MAAA,CAAAW,OAAA,CAAAM,aAAA,CAACb,UAAA,CAAAO,OAAS,EAAKK,OAAO,CAACU,WAAc,CAClC,CACF,CAAC;AAEV,CAAC;AAEDd,YAAY,CAACe,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAGH,cAAS;AAAC,IAAAI,QAAA,GAAAC,OAAA,CAAArB,OAAA,GAEpBC,YAAY","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_brandFormGroup","_listItems","_title","_titleAndInput","_colors","_types","_style","e","__esModule","default","uncappedMap","_map2","convert","cap","builTitleButton","label","onClick","type","hoverBackgroundColor","COLORS","primary_100","hoverColor","cm_primary_blue","icon","position","faIcon","name","color","size","customStyle","padding","width","backgroundColor","cm_blue_50","borderRadius","paddingRight","paddingleft","fontWeight","buildTranslationItems","title","itemTitle","onEditClick","onDeleteClick","index","id","buttonLink","gray","cm_grey_500","secondButtonLink","Translations","subtitle","items","button","localesOptions","emptyResult","translationMenuAction","menu","buttons","optionLabel","ref","optionRef","optionOnClick","disabled","_includes2","_keys2","menuWrapper","maxHeight","translationProps","titleSize","subtitleSize","content","_isEmpty2","buttonMenuAction","createElement","buildContentItem","image","tags","iconName","checkbox","preset","Content","buttonLabel","list","listTitle","search","titleProps","required","listProps","iconColor","white","fontSize","theme","className","style","contentContainer","SkillEdition","props","skillInformations","translations","container","skillInformationsContainer","form","iconEditor","propTypes","process","env","NODE_ENV","_default","exports"],"sources":["../../../src/organism/skill-edition/index.tsx"],"sourcesContent":["import React from 'react';\nimport {includes, isEmpty, keys, map} from 'lodash/fp';\nimport BrandFormGroup from '../../molecule/brand-form-group';\nimport ListItems from '../list-items';\nimport Title from '../../atom/title';\nimport TitleAndInput from '../title-and-input';\nimport {COLORS} from '../../variables/colors';\nimport propTypes, {\n  ContentPropsType,\n  ContentListItemType,\n  SkillEditionPropsType,\n  TranslationPropsType\n} from './types';\nimport style from './style.css';\n\n// @ts-expect-error convert is not recognized by the types\nconst uncappedMap = map.convert({cap: false});\n\nconst builTitleButton = (label: string, onClick: () => void) => ({\n  type: 'primary',\n  label,\n  'aria-label': label,\n  'data-name': `button-${label}`,\n  onClick,\n  hoverBackgroundColor: COLORS.primary_100,\n  hoverColor: COLORS.cm_primary_blue,\n  icon: {\n    position: 'left',\n    faIcon: {\n      name: 'plus',\n      color: COLORS.cm_primary_blue,\n      size: 14,\n      customStyle: {padding: 0}\n    }\n  },\n  customStyle: {\n    width: 'fit-content',\n    backgroundColor: COLORS.cm_blue_50,\n    color: COLORS.cm_primary_blue,\n    borderRadius: '12px',\n    paddingRight: '8px',\n    paddingleft: '16px',\n    fontWeight: 600\n  }\n});\n\nconst buildTranslationItems = (\n  {\n    title: itemTitle,\n    onEditClick,\n    onDeleteClick\n  }: {title: string; onEditClick: () => void; onDeleteClick: () => void},\n  index: number\n) => ({\n  id: index,\n  title: itemTitle,\n  buttonLink: {\n    'aria-label': 'Edit',\n    type: 'primary',\n    customStyle: {\n      width: 'fit-content',\n      backgroundColor: 'transparent'\n    },\n    hoverBackgroundColor: COLORS.gray,\n    icon: {\n      position: 'left',\n      faIcon: {\n        name: 'edit',\n        color: COLORS.cm_grey_500,\n        size: 16\n      }\n    },\n    onClick: onEditClick\n  },\n  secondButtonLink: {\n    'aria-label': 'Delete',\n    type: 'primary',\n    customStyle: {\n      width: 'fit-content',\n      backgroundColor: 'transparent'\n    },\n    hoverBackgroundColor: COLORS.gray,\n    icon: {\n      position: 'left',\n      faIcon: {\n        name: 'trash',\n        color: COLORS.cm_grey_500,\n        size: 16\n      }\n    },\n    onClick: onDeleteClick\n  }\n});\n\nconst Translations = ({\n  title,\n  subtitle,\n  items,\n  button: {label, onClick},\n  localesOptions,\n  emptyResult\n}: TranslationPropsType) => {\n  const button = builTitleButton(label, onClick);\n\n  const translationMenuAction = {\n    button,\n    menu: {\n      buttons: map(\n        ({\n          label: optionLabel,\n          ref: optionRef,\n          onClick: optionOnClick\n        }: {\n          label: string;\n          ref: string;\n          onClick: () => void;\n        }) => ({\n          type: 'defaultLeft',\n          onClick: optionOnClick,\n          customStyle: {width: '238px'},\n          label: optionLabel,\n          'data-name': optionLabel,\n          // disable if current locale option is already in items list\n          disabled: includes(optionRef, keys(items))\n        }),\n        localesOptions\n      )\n    },\n    menuWrapper: {\n      customStyle: {maxHeight: '252px'}\n    }\n  };\n\n  const translationProps = {\n    title: {\n      title,\n      type: 'form-group',\n      subtitle,\n      titleSize: 'xl-strong',\n      subtitleSize: 'medium'\n    },\n    'aria-label': title,\n    content: {\n      ...(!isEmpty(emptyResult) && {emptyResult: {...emptyResult, button: translationMenuAction}}),\n      items: uncappedMap(buildTranslationItems, items),\n      type: 'list'\n    },\n    buttonMenuAction: translationMenuAction\n  };\n\n  return <ListItems {...translationProps} />;\n};\n\nconst buildContentItem = ({\n  ref,\n  title,\n  subtitle,\n  image,\n  tags: {label, iconName},\n  checkbox\n}: ContentListItemType) => ({\n  id: ref,\n  title,\n  subtitle,\n  image,\n  tags: [\n    {\n      label,\n      type: 'default',\n      icon: {\n        iconName,\n        preset: 's',\n        customStyle: {\n          padding: 0\n        },\n        position: 'left'\n      }\n    }\n  ],\n  checkbox\n});\n\nconst Content = ({\n  title,\n  subtitle,\n  button: {label: buttonLabel, onClick},\n  list: {title: listTitle, checkbox, items, search, emptyResult}\n}: ContentPropsType) => {\n  const button = builTitleButton(buttonLabel, onClick);\n\n  const titleProps = {\n    type: 'form-group',\n    title,\n    subtitle,\n    button,\n    required: true\n  };\n\n  const listProps = {\n    ...(!isEmpty(checkbox) && {\n      ...checkbox,\n      icon: {iconName: 'minus', iconColor: COLORS.white, preset: 's'},\n      customStyle: {fontWeight: 600, color: COLORS.cm_grey_500, fontSize: '16px'}\n    }),\n    title: listTitle,\n    'aria-label': 'content list items',\n    content: {\n      ...(!isEmpty(emptyResult) && {emptyResult: {...emptyResult, button}}),\n      items: map(buildContentItem, items),\n      type: 'list'\n    },\n    search: {\n      ...search,\n      theme: 'coorpmanager'\n    }\n  };\n\n  return (\n    <div className={style.contentContainer}>\n      <Title {...titleProps} />\n      <ListItems {...listProps} />\n    </div>\n  );\n};\n\nconst SkillEdition = (props: SkillEditionPropsType) => {\n  const {skillInformations, translations, content} = props;\n\n  return (\n    <div className={style.container}>\n      <div className={style.skillInformationsContainer}>\n        <BrandFormGroup {...skillInformations.form} />\n        <div className={style.iconEditor}>\n          <TitleAndInput {...skillInformations.iconEditor} />\n        </div>\n      </div>\n      <Translations {...translations} />\n      <Content {...content} />\n    </div>\n  );\n};\n\nSkillEdition.propTypes = propTypes;\n\nexport default SkillEdition;\n"],"mappings":"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","ignoreList":[]}