@coorpacademy/components 11.39.4-alpha.2 → 11.39.4-alpha.5

package/es/template/back-office/brand-update/index.d.ts

@@ -1660,7 +1660,7 @@ declare namespace BrandUpdate {
                         title: PropTypes.Validator<string>;
                         onEditClick: PropTypes.Validator<(...args: any[]) => any>;
                         onDeleteClick: PropTypes.Validator<(...args: any[]) => any>;
-                        readonly: PropTypes.Requireable<boolean>;
+                        readOnly: PropTypes.Requireable<boolean>;
                     }>>;
                 }>;
                 button: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
@@ -1672,7 +1672,7 @@ declare namespace BrandUpdate {
                     title: PropTypes.Requireable<string>;
                     description: PropTypes.Requireable<string>;
                 }>>;
-                readonly: PropTypes.Requireable<boolean>;
+                readOnly: PropTypes.Requireable<boolean>;
             }>>>;
             content: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
                 title: PropTypes.Validator<string>;
@@ -1723,10 +1723,10 @@ declare namespace BrandUpdate {
                     checked: PropTypes.Requireable<boolean>;
                     onChange: PropTypes.Requireable<(...args: any[]) => any>;
                 }>>;
-                readonly: PropTypes.Requireable<boolean>;
+                readOnly: PropTypes.Requireable<boolean>;
             }>>>;
             isFetching: PropTypes.Requireable<boolean>;
-            readonly: PropTypes.Requireable<boolean>;
+            readOnly: PropTypes.Requireable<boolean>;
         }> | null | undefined>>;
         export const documentation: PropTypes.Requireable<PropTypes.InferProps<{
             content: PropTypes.Requireable<string>;

package/lib/atom/input-textarea/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-textarea/index.js"],"names":[],"mappings":";AAkBA,wDAyEC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-textarea/index.js"],"names":[],"mappings":";AAmBA,wDA0EC"}

package/lib/atom/input-textarea/index.js

@@ -11,6 +11,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _novaIcons = require("@coorpacademy/nova-icons");
 var _getClassState = _interopRequireDefault(require("../../util/get-class-state"));
 var _style = _interopRequireDefault(require("./style.css"));
+var _uuid = require("uuid");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -68,6 +69,7 @@ const InputTextarea = props => {
   }, /*#__PURE__*/_react.default.createElement("label", null, /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _classnames.default)(_style.default.title, (0, _isEmpty2.default)(value) && _style.default.noValue)
   }, propsTitle, toolTipView), /*#__PURE__*/_react.default.createElement("textarea", {
+    id: (0, _uuid.v5)('textarea-', _uuid.v5.URL),
     name: name,
     value: value,
     placeholder: placeholder,

package/lib/atom/input-textarea/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_classnames","_novaIcons","_getClassState","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","themeStyle","setup","style","coorpmanager","cockpit","defaultStyle","InputTextarea","props","title","propsTitle","name","placeholder","value","hint","theme","onChange","_noop2","error","valid","description","disabled","readOnly","modified","mainClass","className","getClassState","handleChange","useMemo","target","descriptionView","createElement","toolTipView","infoIconWrapper","NovaCompositionCoorpacademyInformationIcon","infoIcon","descriptionLabel","hintView","dangerouslySetInnerHTML","__html","errorIconView","NovaSolidStatusClose","leftIcon","validIconView","NovaSolidStatusCheckCircle2","classnames","readonly","_isEmpty2","noValue","propTypes","process","env","NODE_ENV","PropTypes","string","oneOf","_keys2","bool","func","_default","exports"],"sources":["../../../src/atom/input-textarea/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, keys, isEmpty} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {\n  NovaSolidStatusCheckCircle2 as CheckIcon,\n  NovaSolidStatusClose as ErrorIcon,\n  NovaCompositionCoorpacademyInformationIcon as InfoIcon\n} from '@coorpacademy/nova-icons';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst themeStyle = {\n  setup: style.setup,\n  coorpmanager: style.coorpmanager,\n  cockpit: style.cockpit,\n  default: style.defaultStyle\n};\nconst InputTextarea = props => {\n  const {\n    title: propsTitle,\n    name,\n    placeholder,\n    value,\n    hint,\n    theme = 'default',\n    onChange = noop,\n    error,\n    valid,\n    description,\n    disabled,\n    readOnly = false,\n    modified = false\n  } = props;\n\n  const mainClass = themeStyle[theme];\n  const className = getClassState(style.defaultStyle, style.modified, style.error, modified, error);\n  const handleChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n\n  const descriptionView =\n    description && theme !== 'coorpmanager' ? (\n      <div className={style.description}>{description}</div>\n    ) : null;\n  const toolTipView =\n    description && theme === 'coorpmanager' ? (\n      <div className={style.infoIconWrapper}>\n        <InfoIcon className={style.infoIcon} />\n        <div className={style.descriptionLabel}>{description}</div>\n      </div>\n    ) : null;\n  const hintView =\n    theme === 'coorpmanager' ? (\n      <div\n        className={style.hint}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: error || hint}}\n      />\n    ) : null;\n  const errorIconView = error ? <ErrorIcon className={style.leftIcon} /> : null;\n  const validIconView = valid ? <CheckIcon className={style.leftIcon} /> : null;\n\n  return (\n    <div\n      className={classnames(\n        mainClass,\n        className,\n        disabled && style.disabled,\n        readOnly && style.readonly\n      )}\n    >\n      <label>\n        <span className={classnames(style.title, isEmpty(value) && style.noValue)}>\n          {propsTitle}\n          {toolTipView}\n        </span>\n        <textarea\n          name={name}\n          value={value}\n          placeholder={placeholder}\n          onChange={handleChange}\n          disabled={disabled}\n          readOnly={readOnly}\n          data-testid={name}\n        />\n        {errorIconView}\n        {validIconView}\n        {hintView}\n      </label>\n      {descriptionView}\n    </div>\n  );\n};\n\nInputTextarea.propTypes = {\n  placeholder: PropTypes.string,\n  title: PropTypes.string,\n  name: PropTypes.string,\n  theme: PropTypes.oneOf(keys(themeStyle)),\n  disabled: PropTypes.bool,\n  readOnly: PropTypes.bool,\n  value: PropTypes.string,\n  hint: PropTypes.string,\n  error: PropTypes.string,\n  onChange: PropTypes.func,\n  description: PropTypes.string,\n  modified: PropTypes.bool,\n  valid: PropTypes.bool\n};\nexport default InputTextarea;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_classnames","_novaIcons","_getClassState","_style","_uuid","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","themeStyle","setup","style","coorpmanager","cockpit","defaultStyle","InputTextarea","props","title","propsTitle","name","placeholder","value","hint","theme","onChange","_noop2","error","valid","description","disabled","readOnly","modified","mainClass","className","getClassState","handleChange","useMemo","target","descriptionView","createElement","toolTipView","infoIconWrapper","NovaCompositionCoorpacademyInformationIcon","infoIcon","descriptionLabel","hintView","dangerouslySetInnerHTML","__html","errorIconView","NovaSolidStatusClose","leftIcon","validIconView","NovaSolidStatusCheckCircle2","classnames","readonly","_isEmpty2","noValue","id","uuidV5","URL","propTypes","process","env","NODE_ENV","PropTypes","string","oneOf","_keys2","bool","func","_default","exports"],"sources":["../../../src/atom/input-textarea/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, keys, isEmpty} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {\n  NovaSolidStatusCheckCircle2 as CheckIcon,\n  NovaSolidStatusClose as ErrorIcon,\n  NovaCompositionCoorpacademyInformationIcon as InfoIcon\n} from '@coorpacademy/nova-icons';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\nimport {v5 as uuidV5} from 'uuid';\n\nconst themeStyle = {\n  setup: style.setup,\n  coorpmanager: style.coorpmanager,\n  cockpit: style.cockpit,\n  default: style.defaultStyle\n};\nconst InputTextarea = props => {\n  const {\n    title: propsTitle,\n    name,\n    placeholder,\n    value,\n    hint,\n    theme = 'default',\n    onChange = noop,\n    error,\n    valid,\n    description,\n    disabled,\n    readOnly = false,\n    modified = false\n  } = props;\n\n  const mainClass = themeStyle[theme];\n  const className = getClassState(style.defaultStyle, style.modified, style.error, modified, error);\n  const handleChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n\n  const descriptionView =\n    description && theme !== 'coorpmanager' ? (\n      <div className={style.description}>{description}</div>\n    ) : null;\n  const toolTipView =\n    description && theme === 'coorpmanager' ? (\n      <div className={style.infoIconWrapper}>\n        <InfoIcon className={style.infoIcon} />\n        <div className={style.descriptionLabel}>{description}</div>\n      </div>\n    ) : null;\n  const hintView =\n    theme === 'coorpmanager' ? (\n      <div\n        className={style.hint}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: error || hint}}\n      />\n    ) : null;\n  const errorIconView = error ? <ErrorIcon className={style.leftIcon} /> : null;\n  const validIconView = valid ? <CheckIcon className={style.leftIcon} /> : null;\n\n  return (\n    <div\n      className={classnames(\n        mainClass,\n        className,\n        disabled && style.disabled,\n        readOnly && style.readonly\n      )}\n    >\n      <label>\n        <span className={classnames(style.title, isEmpty(value) && style.noValue)}>\n          {propsTitle}\n          {toolTipView}\n        </span>\n        <textarea\n          id={uuidV5('textarea-', uuidV5.URL)}\n          name={name}\n          value={value}\n          placeholder={placeholder}\n          onChange={handleChange}\n          disabled={disabled}\n          readOnly={readOnly}\n          data-testid={name}\n        />\n        {errorIconView}\n        {validIconView}\n        {hintView}\n      </label>\n      {descriptionView}\n    </div>\n  );\n};\n\nInputTextarea.propTypes = {\n  placeholder: PropTypes.string,\n  title: PropTypes.string,\n  name: PropTypes.string,\n  theme: PropTypes.oneOf(keys(themeStyle)),\n  disabled: PropTypes.bool,\n  readOnly: PropTypes.bool,\n  value: PropTypes.string,\n  hint: PropTypes.string,\n  error: PropTypes.string,\n  onChange: PropTypes.func,\n  description: PropTypes.string,\n  modified: PropTypes.bool,\n  valid: PropTypes.bool\n};\nexport default InputTextarea;\n"],"mappings":"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","ignoreList":[]}

package/lib/molecule/icon-preview/style.css

@@ -3,9 +3,6 @@
 
 .iconPreviewWrapper {
   border-radius: 8px;
-  /* width: 100%; */
-  max-width: 420px;
-  margin: 0 auto;
 }
 
 .iconPreview {

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

@@ -114,7 +114,7 @@ declare const SkillEdition: {
                     title: import("prop-types").Validator<string>;
                     onEditClick: import("prop-types").Validator<(...args: any[]) => any>;
                     onDeleteClick: import("prop-types").Validator<(...args: any[]) => any>;
-                    readonly: import("prop-types").Requireable<boolean>;
+                    readOnly: import("prop-types").Requireable<boolean>;
                 }>>;
             }>;
             button: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<{
@@ -126,7 +126,7 @@ declare const SkillEdition: {
                 title: import("prop-types").Requireable<string>;
                 description: import("prop-types").Requireable<string>;
             }>>;
-            readonly: import("prop-types").Requireable<boolean>;
+            readOnly: import("prop-types").Requireable<boolean>;
         }>>>;
         content: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<{
             title: import("prop-types").Validator<string>;
@@ -177,10 +177,10 @@ declare const SkillEdition: {
                 checked: import("prop-types").Requireable<boolean>;
                 onChange: import("prop-types").Requireable<(...args: any[]) => any>;
             }>>;
-            readonly: import("prop-types").Requireable<boolean>;
+            readOnly: import("prop-types").Requireable<boolean>;
         }>>>;
         isFetching: import("prop-types").Requireable<boolean>;
-        readonly: import("prop-types").Requireable<boolean>;
+        readOnly: import("prop-types").Requireable<boolean>;
     };
 };
 export default SkillEdition;

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

@@ -18,11 +18,11 @@ var _types = _interopRequireDefault(require("./types"));
 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 buildFormField = (field, type, readonly) => {
+const buildFormField = (field, type, readOnly) => {
   const fieldWithoutOverrides = (0, _omit2.default)(['type', 'theme', 'size', 'readOnly'], field);
   return {
     ...fieldWithoutOverrides,
-    readOnly: readonly,
+    readOnly: readOnly,
     type,
     theme: 'coorpmanager',
     size: 'large'
@@ -53,7 +53,7 @@ const SkillInformations = skillInformations => {
   const {
     form,
     iconEditor,
-    readonly
+    readOnly
   } = skillInformations;
   const {
     select,
@@ -71,9 +71,9 @@ const SkillInformations = skillInformations => {
       iconPreview: iconEditor.iconPreview,
       inputText: {
         ...iconEditor.inputText,
-        readOnly: readonly
+        readOnly: readOnly
       },
-      buttonLink: iconEditor.buttonLink && !readonly ? {
+      buttonLink: iconEditor.buttonLink && !readOnly ? {
         type: 'secondary',
         label: iconEditor.buttonLink.label,
         ariaLabel: iconEditor.buttonLink.ariaLabel,
@@ -109,7 +109,7 @@ const SkillInformations = skillInformations => {
       onChange: select.field.onChange,
       theme: 'skillDetail',
       size: 'large',
-      readOnly: readonly
+      readOnly: readOnly
     }
   }, {
     ...buildTitleAndInputField({
@@ -117,13 +117,13 @@ const SkillInformations = skillInformations => {
       required: true,
       childType: 'inputText'
     }),
-    field: buildFormField(inputText.field, 'text', readonly)
+    field: buildFormField(inputText.field, 'text', readOnly)
   }, {
     ...buildTitleAndInputField({
       title: inputTextArea.title,
       childType: 'inputTextArea'
     }),
-    field: buildFormField(inputTextArea.field, 'textarea', readonly)
+    field: buildFormField(inputTextArea.field, 'textarea', readOnly)
   }];
   const formProps = {
     title: form.title,
@@ -173,9 +173,9 @@ const buildTranslationItems = ({
   title: itemTitle,
   onEditClick,
   onDeleteClick,
-  readonly = false
+  readOnly = false
 }, index) => ({
-  ...(readonly ? {} : {
+  ...(readOnly ? {} : {
     secondButtonLink: {
       'aria-label': 'Delete',
       type: 'primary',
@@ -198,7 +198,7 @@ const buildTranslationItems = ({
   id: index,
   title: itemTitle,
   buttonLink: {
-    'aria-label': readonly ? 'View Custom SKill' : 'Edit Custom Skill',
+    'aria-label': readOnly ? 'View Custom SKill' : 'Edit Custom Skill',
     type: 'primary',
     customStyle: {
       width: 'fit-content',
@@ -208,7 +208,7 @@ const buildTranslationItems = ({
     icon: {
       position: 'left',
       faIcon: {
-        name: readonly ? 'eye' : 'edit',
+        name: readOnly ? 'eye' : 'edit',
         color: _colors.COLORS.neutral_500,
         size: 16
       }
@@ -223,7 +223,7 @@ const Translations = ({
   button,
   localesOptions,
   emptyResult,
-  readonly = false
+  readOnly = false
 }) => {
   const buttonProps = buildButtonProps(button);
   const translationMenuAction = {
@@ -269,15 +269,15 @@ const Translations = ({
       }),
       items: uncappedMap((item, index) => buildTranslationItems({
         ...item,
-        readonly
+        readOnly
       }, index), items),
       type: 'list'
     },
-    buttonMenuAction: readonly ? undefined : translationMenuAction
+    buttonMenuAction: readOnly ? undefined : translationMenuAction
   };
   return /*#__PURE__*/_react.default.createElement(_listItems.default, translationProps);
 };
-const buildContentItem = readonly => ({
+const buildContentItem = readOnly => ({
   ref,
   title,
   subtitle,
@@ -290,7 +290,7 @@ const buildContentItem = readonly => ({
   deleteButton
 }) => {
   return {
-    ...(readonly ? {} : {
+    ...(readOnly ? {} : {
       secondButtonLink: {
         ...deleteButton,
         'data-name': `button-${deleteButton?.label}`,
@@ -327,7 +327,7 @@ const buildContentItem = readonly => ({
         position: 'left'
       }
     }],
-    checkbox: readonly ? undefined : checkbox
+    checkbox: readOnly ? undefined : checkbox
   };
 };
 const Content = ({
@@ -343,7 +343,7 @@ const Content = ({
   },
   actionButtons,
   checkboxWithTitle: checkboxWithTitleProps,
-  readonly = false,
+  readOnly = false,
   isFetching = false
 }) => {
   const buttonProps = buildButtonProps(button);
@@ -351,7 +351,7 @@ const Content = ({
     type: 'form-group',
     title,
     subtitle,
-    button: !readonly ? buttonProps : undefined,
+    button: !readOnly ? buttonProps : undefined,
     required: true
   };
   const listProps = {
@@ -377,16 +377,16 @@ const Content = ({
           button: buttonProps
         }
       }),
-      items: (0, _map2.default)(buildContentItem(readonly), items),
+      items: (0, _map2.default)(buildContentItem(readOnly), items),
       type: 'list'
     },
     search: {
       ...search,
       theme: 'coorpmanager',
-      // Keep search interactive even in readonly mode
+      // Keep search interactive even in readOnly mode
       disabled: false
     },
-    actionButtons: readonly ? [] : (0, _map2.default)(actionButton => ({
+    actionButtons: readOnly ? [] : (0, _map2.default)(actionButton => ({
       ...actionButton,
       customStyle: {
         fontWeight: '600',
@@ -394,7 +394,7 @@ const Content = ({
         width: 'auto'
       }
     }), actionButtons),
-    checkboxWithTitle: readonly ? undefined : {
+    checkboxWithTitle: readOnly ? undefined : {
       ...checkboxWithTitleProps,
       name: checkboxWithTitleProps?.title,
       'aria-label': checkboxWithTitleProps?.title,
@@ -422,7 +422,7 @@ const SkillEdition = props => {
     translations,
     content,
     isFetching = false,
-    readonly
+    readOnly
   } = props;
   return isFetching ? /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.loaderContainer
@@ -432,11 +432,11 @@ const SkillEdition = props => {
   })) : /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.container
   }, /*#__PURE__*/_react.default.createElement(SkillInformations, _extends({}, skillInformations, {
-    readonly: readonly
+    readOnly: readOnly
   })), /*#__PURE__*/_react.default.createElement(Translations, _extends({}, translations, {
-    readonly: readonly
+    readOnly: readOnly
   })), /*#__PURE__*/_react.default.createElement(Content, _extends({}, content, {
-    readonly: readonly
+    readOnly: readOnly
   })));
 };
 SkillEdition.propTypes = process.env.NODE_ENV !== "production" ? _types.default : {};

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_brandFormGroup","_listItems","_title","_titleAndInput","_colors","_loader","_types","_style","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","buildFormField","field","type","readonly","fieldWithoutOverrides","_omit2","readOnly","theme","size","buildTitleAndInputField","title","subtitle","required","dataName","childType","titleSize","subtitleSize","undefined","SkillInformations","skillInformations","form","iconEditor","select","inputTextArea","inputText","iconEditorProps","iconPreview","buttonLink","label","ariaLabel","icon","position","faIcon","name","onClick","customStyle","borderRadius","fontWeight","fields","options","onChange","formProps","createElement","className","style","skillInformationsContainer","uncappedMap","_map2","convert","cap","buildButtonProps","button","hoverBackgroundColor","COLORS","primary_100","hoverColor","cm_primary_blue","color","padding","width","backgroundColor","cm_blue_50","buildTranslationItems","itemTitle","onEditClick","onDeleteClick","index","secondButtonLink","cm_grey_100","neutral_500","id","Translations","items","localesOptions","emptyResult","buttonProps","translationMenuAction","menu","buttons","optionLabel","ref","optionRef","optionOnClick","disabled","_includes2","_keys2","menuWrapper","maxHeight","translationProps","content","_isEmpty2","item","buttonMenuAction","buildContentItem","image","tags","iconName","checkbox","deleteButton","preset","Content","list","listTitle","search","actionButtons","checkboxWithTitle","checkboxWithTitleProps","isFetching","titleProps","listProps","iconColor","white","cm_grey_500","fontSize","actionButton","contentContainer","SkillEdition","props","translations","loaderContainer","loader","container","propTypes","process","env","NODE_ENV","_default","exports"],"sources":["../../../src/organism/skill-edition/index.tsx"],"sourcesContent":["import React from 'react';\nimport {includes, isEmpty, keys, map, omit} 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 Loader from '../../atom/loader';\nimport propTypes, {\n  TranslationPropsType,\n  SkillEditionPropsType,\n  SkillInformationsProps,\n  InputTextareaProps,\n  InputTextProps,\n  ContentPropsType,\n  ContentListItemType\n} from './types';\nimport style from './style.css';\n\nconst buildFormField = (\n  field: InputTextareaProps | InputTextProps,\n  type: 'text' | 'textarea',\n  readonly?: boolean\n) => {\n  const fieldWithoutOverrides = omit(['type', 'theme', 'size', 'readOnly'], field);\n  return {\n    ...fieldWithoutOverrides,\n    readOnly: readonly,\n    type,\n    theme: 'coorpmanager',\n    size: 'large'\n  };\n};\n\nconst buildTitleAndInputField = ({\n  title,\n  subtitle,\n  required = false,\n  dataName,\n  childType\n}: {\n  title: string;\n  subtitle?: string;\n  required?: boolean;\n  dataName?: string;\n  childType?: string;\n}) => {\n  return {\n    title: {\n      type: 'form-group',\n      title,\n      subtitle,\n      titleSize: 'small-and-light',\n      subtitleSize: subtitle ? 'standard-without-margin' : undefined,\n      required,\n      'data-name': dataName\n    },\n    childType,\n    type: 'titleAndInput'\n  };\n};\n\nconst SkillInformations = (skillInformations: SkillInformationsProps & {readonly?: boolean}) => {\n  const {form, iconEditor, readonly} = skillInformations;\n  const {select, inputTextArea, inputText} = form;\n\n  const iconEditorProps = {\n    title: {\n      type: 'form-group',\n      title: iconEditor.title,\n      titleSize: 'small-and-light',\n      required: true\n    },\n    field: {\n      iconPreview: iconEditor.iconPreview,\n      inputText: {...iconEditor.inputText, readOnly: readonly},\n      buttonLink:\n        iconEditor.buttonLink && !readonly\n          ? {\n              type: 'secondary',\n              label: iconEditor.buttonLink.label,\n              ariaLabel: iconEditor.buttonLink.ariaLabel,\n              dataName: 'open-icon-modal-button',\n              icon: {\n                position: 'left',\n                faIcon: {\n                  name: 'arrows-rotate',\n                  size: 16\n                }\n              },\n              onClick: iconEditor.buttonLink.onClick,\n              customStyle: {\n                borderRadius: '12px',\n                fontWeight: '500'\n              }\n            }\n          : undefined,\n      size: 'large'\n    },\n    childType: 'iconEditor'\n  };\n\n  const fields = [\n    {\n      ...buildTitleAndInputField({\n        title: select.title,\n        subtitle: select.subtitle,\n        required: true,\n        dataName: select['data-name'],\n        childType: 'select'\n      }),\n      field: {\n        options: select.field.options,\n        'aria-label': select.field['aria-label'],\n        onChange: select.field.onChange,\n        theme: 'skillDetail',\n        size: 'large',\n        readOnly: readonly\n      }\n    },\n    {\n      ...buildTitleAndInputField({\n        title: inputText.title,\n        required: true,\n        childType: 'inputText'\n      }),\n      field: buildFormField(inputText.field, 'text', readonly)\n    },\n    {\n      ...buildTitleAndInputField({\n        title: inputTextArea.title,\n        childType: 'inputTextArea'\n      }),\n      field: buildFormField(inputTextArea.field, 'textarea', readonly)\n    }\n  ];\n\n  const formProps = {\n    title: form.title,\n    subtitle: form.subtitle,\n    titleSize: 'xl-strong',\n    subtitleSize: 'medium',\n    fields\n  };\n\n  return (\n    <div className={style.skillInformationsContainer}>\n      <BrandFormGroup {...formProps} />\n      <div className={style.iconEditor}>\n        <TitleAndInput {...iconEditorProps} />\n      </div>\n    </div>\n  );\n};\n\n// @ts-expect-error convert is not recognized by the types\nconst uncappedMap = map.convert({cap: false});\n\nconst buildButtonProps = (button: TranslationPropsType['button']) => ({\n  ...button,\n  type: 'primary',\n  'aria-label': button.label,\n  'data-name': `button-${button.label}`,\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    fontWeight: 600\n  }\n});\n\nconst buildTranslationItems = (\n  {\n    title: itemTitle,\n    onEditClick,\n    onDeleteClick,\n    readonly = false\n  }: {title: string; onEditClick: () => void; onDeleteClick: () => void; readonly?: boolean},\n  index: number\n) => ({\n  ...(readonly\n    ? {}\n    : {\n        secondButtonLink: {\n          'aria-label': 'Delete',\n          type: 'primary',\n          customStyle: {\n            width: 'fit-content',\n            backgroundColor: 'transparent'\n          },\n          hoverBackgroundColor: COLORS.cm_grey_100,\n          icon: {\n            position: 'left',\n            faIcon: {\n              name: 'trash',\n              color: COLORS.neutral_500,\n              size: 16\n            }\n          },\n          onClick: onDeleteClick\n        }\n      }),\n  id: index,\n  title: itemTitle,\n  buttonLink: {\n    'aria-label': readonly ? 'View Custom SKill' : 'Edit Custom Skill',\n    type: 'primary',\n    customStyle: {\n      width: 'fit-content',\n      backgroundColor: 'transparent'\n    },\n    hoverBackgroundColor: COLORS.cm_grey_100,\n    icon: {\n      position: 'left',\n      faIcon: {\n        name: readonly ? 'eye' : 'edit',\n        color: COLORS.neutral_500,\n        size: 16\n      }\n    },\n    onClick: onEditClick\n  }\n});\n\nconst Translations = ({\n  title,\n  subtitle,\n  items,\n  button,\n  localesOptions,\n  emptyResult,\n  readonly = false\n}: TranslationPropsType) => {\n  const buttonProps = buildButtonProps(button);\n\n  const translationMenuAction = {\n    button: buttonProps,\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(\n        (\n          item: {title: string; onEditClick: () => void; onDeleteClick: () => void},\n          index: number\n        ) => buildTranslationItems({...item, readonly}, index),\n        items\n      ),\n      type: 'list'\n    },\n    buttonMenuAction: readonly ? undefined : translationMenuAction\n  };\n\n  return <ListItems {...translationProps} />;\n};\n\nconst buildContentItem =\n  (readonly: boolean) =>\n  ({\n    ref,\n    title,\n    subtitle,\n    image,\n    tags: {label, iconName},\n    checkbox,\n    deleteButton\n  }: ContentListItemType) => {\n    return {\n      ...(readonly\n        ? {}\n        : {\n            secondButtonLink: {\n              ...deleteButton,\n              'data-name': `button-${deleteButton?.label}`,\n              'aria-label': 'Delete',\n              type: 'primary',\n              customStyle: {\n                width: 'fit-content',\n                backgroundColor: 'transparent'\n              },\n              hoverBackgroundColor: COLORS.cm_grey_100,\n              icon: {\n                position: 'left',\n                faIcon: {\n                  name: 'trash',\n                  color: COLORS.neutral_500,\n                  size: 16\n                }\n              }\n            }\n          }),\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: readonly ? undefined : checkbox\n    };\n  };\n\nconst Content = ({\n  title,\n  subtitle,\n  button,\n  list: {title: listTitle, checkbox, items, search, emptyResult},\n  actionButtons,\n  checkboxWithTitle: checkboxWithTitleProps,\n  readonly = false,\n  isFetching = false\n}: ContentPropsType) => {\n  const buttonProps = buildButtonProps(button);\n\n  const titleProps = {\n    type: 'form-group',\n    title,\n    subtitle,\n    button: !readonly ? buttonProps : undefined,\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: buttonProps}}),\n      items: map(buildContentItem(readonly), items),\n      type: 'list'\n    },\n    search: {\n      ...search,\n      theme: 'coorpmanager',\n      // Keep search interactive even in readonly mode\n      disabled: false\n    },\n    actionButtons: readonly\n      ? []\n      : map(\n          actionButton => ({\n            ...actionButton,\n            customStyle: {\n              fontWeight: '600',\n              borderRadius: '12px',\n              width: 'auto'\n            }\n          }),\n          actionButtons\n        ),\n\n    checkboxWithTitle: readonly\n      ? undefined\n      : {\n          ...checkboxWithTitleProps,\n          name: checkboxWithTitleProps?.title,\n          'aria-label': checkboxWithTitleProps?.title,\n          'data-name': checkboxWithTitleProps?.title,\n          customStyle: {fontWeight: 600, color: COLORS.neutral_500, fontSize: '16px'},\n          icon: {iconName: 'minus', iconColor: 'white', preset: 's'}\n        },\n    isFetching\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, isFetching = false, readonly} = props;\n\n  return isFetching ? (\n    <div className={style.loaderContainer}>\n      <Loader className={style.loader} theme=\"coorpmanager\" />\n    </div>\n  ) : (\n    <div className={style.container}>\n      <SkillInformations {...skillInformations} readonly={readonly} />\n      <Translations {...translations} readonly={readonly} />\n      <Content {...content} readonly={readonly} />\n    </div>\n  );\n};\n\nSkillEdition.propTypes = propTypes;\n\nexport default SkillEdition;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_brandFormGroup","_listItems","_title","_titleAndInput","_colors","_loader","_types","_style","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","buildFormField","field","type","readOnly","fieldWithoutOverrides","_omit2","theme","size","buildTitleAndInputField","title","subtitle","required","dataName","childType","titleSize","subtitleSize","undefined","SkillInformations","skillInformations","form","iconEditor","select","inputTextArea","inputText","iconEditorProps","iconPreview","buttonLink","label","ariaLabel","icon","position","faIcon","name","onClick","customStyle","borderRadius","fontWeight","fields","options","onChange","formProps","createElement","className","style","skillInformationsContainer","uncappedMap","_map2","convert","cap","buildButtonProps","button","hoverBackgroundColor","COLORS","primary_100","hoverColor","cm_primary_blue","color","padding","width","backgroundColor","cm_blue_50","buildTranslationItems","itemTitle","onEditClick","onDeleteClick","index","secondButtonLink","cm_grey_100","neutral_500","id","Translations","items","localesOptions","emptyResult","buttonProps","translationMenuAction","menu","buttons","optionLabel","ref","optionRef","optionOnClick","disabled","_includes2","_keys2","menuWrapper","maxHeight","translationProps","content","_isEmpty2","item","buttonMenuAction","buildContentItem","image","tags","iconName","checkbox","deleteButton","preset","Content","list","listTitle","search","actionButtons","checkboxWithTitle","checkboxWithTitleProps","isFetching","titleProps","listProps","iconColor","white","cm_grey_500","fontSize","actionButton","contentContainer","SkillEdition","props","translations","loaderContainer","loader","container","propTypes","process","env","NODE_ENV","_default","exports"],"sources":["../../../src/organism/skill-edition/index.tsx"],"sourcesContent":["import React from 'react';\nimport {includes, isEmpty, keys, map, omit} 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 Loader from '../../atom/loader';\nimport propTypes, {\n  TranslationPropsType,\n  SkillEditionPropsType,\n  SkillInformationsProps,\n  InputTextareaProps,\n  InputTextProps,\n  ContentPropsType,\n  ContentListItemType\n} from './types';\nimport style from './style.css';\n\nconst buildFormField = (\n  field: InputTextareaProps | InputTextProps,\n  type: 'text' | 'textarea',\n  readOnly?: boolean\n) => {\n  const fieldWithoutOverrides = omit(['type', 'theme', 'size', 'readOnly'], field);\n  return {\n    ...fieldWithoutOverrides,\n    readOnly: readOnly,\n    type,\n    theme: 'coorpmanager',\n    size: 'large'\n  };\n};\n\nconst buildTitleAndInputField = ({\n  title,\n  subtitle,\n  required = false,\n  dataName,\n  childType\n}: {\n  title: string;\n  subtitle?: string;\n  required?: boolean;\n  dataName?: string;\n  childType?: string;\n}) => {\n  return {\n    title: {\n      type: 'form-group',\n      title,\n      subtitle,\n      titleSize: 'small-and-light',\n      subtitleSize: subtitle ? 'standard-without-margin' : undefined,\n      required,\n      'data-name': dataName\n    },\n    childType,\n    type: 'titleAndInput'\n  };\n};\n\nconst SkillInformations = (skillInformations: SkillInformationsProps & {readOnly?: boolean}) => {\n  const {form, iconEditor, readOnly} = skillInformations;\n  const {select, inputTextArea, inputText} = form;\n\n  const iconEditorProps = {\n    title: {\n      type: 'form-group',\n      title: iconEditor.title,\n      titleSize: 'small-and-light',\n      required: true\n    },\n    field: {\n      iconPreview: iconEditor.iconPreview,\n      inputText: {...iconEditor.inputText, readOnly: readOnly},\n      buttonLink:\n        iconEditor.buttonLink && !readOnly\n          ? {\n              type: 'secondary',\n              label: iconEditor.buttonLink.label,\n              ariaLabel: iconEditor.buttonLink.ariaLabel,\n              dataName: 'open-icon-modal-button',\n              icon: {\n                position: 'left',\n                faIcon: {\n                  name: 'arrows-rotate',\n                  size: 16\n                }\n              },\n              onClick: iconEditor.buttonLink.onClick,\n              customStyle: {\n                borderRadius: '12px',\n                fontWeight: '500'\n              }\n            }\n          : undefined,\n      size: 'large'\n    },\n    childType: 'iconEditor'\n  };\n\n  const fields = [\n    {\n      ...buildTitleAndInputField({\n        title: select.title,\n        subtitle: select.subtitle,\n        required: true,\n        dataName: select['data-name'],\n        childType: 'select'\n      }),\n      field: {\n        options: select.field.options,\n        'aria-label': select.field['aria-label'],\n        onChange: select.field.onChange,\n        theme: 'skillDetail',\n        size: 'large',\n        readOnly: readOnly\n      }\n    },\n    {\n      ...buildTitleAndInputField({\n        title: inputText.title,\n        required: true,\n        childType: 'inputText'\n      }),\n      field: buildFormField(inputText.field, 'text', readOnly)\n    },\n    {\n      ...buildTitleAndInputField({\n        title: inputTextArea.title,\n        childType: 'inputTextArea'\n      }),\n      field: buildFormField(inputTextArea.field, 'textarea', readOnly)\n    }\n  ];\n\n  const formProps = {\n    title: form.title,\n    subtitle: form.subtitle,\n    titleSize: 'xl-strong',\n    subtitleSize: 'medium',\n    fields\n  };\n\n  return (\n    <div className={style.skillInformationsContainer}>\n      <BrandFormGroup {...formProps} />\n      <div className={style.iconEditor}>\n        <TitleAndInput {...iconEditorProps} />\n      </div>\n    </div>\n  );\n};\n\n// @ts-expect-error convert is not recognized by the types\nconst uncappedMap = map.convert({cap: false});\n\nconst buildButtonProps = (button: TranslationPropsType['button']) => ({\n  ...button,\n  type: 'primary',\n  'aria-label': button.label,\n  'data-name': `button-${button.label}`,\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    fontWeight: 600\n  }\n});\n\nconst buildTranslationItems = (\n  {\n    title: itemTitle,\n    onEditClick,\n    onDeleteClick,\n    readOnly = false\n  }: {title: string; onEditClick: () => void; onDeleteClick: () => void; readOnly?: boolean},\n  index: number\n) => ({\n  ...(readOnly\n    ? {}\n    : {\n        secondButtonLink: {\n          'aria-label': 'Delete',\n          type: 'primary',\n          customStyle: {\n            width: 'fit-content',\n            backgroundColor: 'transparent'\n          },\n          hoverBackgroundColor: COLORS.cm_grey_100,\n          icon: {\n            position: 'left',\n            faIcon: {\n              name: 'trash',\n              color: COLORS.neutral_500,\n              size: 16\n            }\n          },\n          onClick: onDeleteClick\n        }\n      }),\n  id: index,\n  title: itemTitle,\n  buttonLink: {\n    'aria-label': readOnly ? 'View Custom SKill' : 'Edit Custom Skill',\n    type: 'primary',\n    customStyle: {\n      width: 'fit-content',\n      backgroundColor: 'transparent'\n    },\n    hoverBackgroundColor: COLORS.cm_grey_100,\n    icon: {\n      position: 'left',\n      faIcon: {\n        name: readOnly ? 'eye' : 'edit',\n        color: COLORS.neutral_500,\n        size: 16\n      }\n    },\n    onClick: onEditClick\n  }\n});\n\nconst Translations = ({\n  title,\n  subtitle,\n  items,\n  button,\n  localesOptions,\n  emptyResult,\n  readOnly = false\n}: TranslationPropsType) => {\n  const buttonProps = buildButtonProps(button);\n\n  const translationMenuAction = {\n    button: buttonProps,\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(\n        (\n          item: {title: string; onEditClick: () => void; onDeleteClick: () => void},\n          index: number\n        ) => buildTranslationItems({...item, readOnly}, index),\n        items\n      ),\n      type: 'list'\n    },\n    buttonMenuAction: readOnly ? undefined : translationMenuAction\n  };\n\n  return <ListItems {...translationProps} />;\n};\n\nconst buildContentItem =\n  (readOnly: boolean) =>\n  ({\n    ref,\n    title,\n    subtitle,\n    image,\n    tags: {label, iconName},\n    checkbox,\n    deleteButton\n  }: ContentListItemType) => {\n    return {\n      ...(readOnly\n        ? {}\n        : {\n            secondButtonLink: {\n              ...deleteButton,\n              'data-name': `button-${deleteButton?.label}`,\n              'aria-label': 'Delete',\n              type: 'primary',\n              customStyle: {\n                width: 'fit-content',\n                backgroundColor: 'transparent'\n              },\n              hoverBackgroundColor: COLORS.cm_grey_100,\n              icon: {\n                position: 'left',\n                faIcon: {\n                  name: 'trash',\n                  color: COLORS.neutral_500,\n                  size: 16\n                }\n              }\n            }\n          }),\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: readOnly ? undefined : checkbox\n    };\n  };\n\nconst Content = ({\n  title,\n  subtitle,\n  button,\n  list: {title: listTitle, checkbox, items, search, emptyResult},\n  actionButtons,\n  checkboxWithTitle: checkboxWithTitleProps,\n  readOnly = false,\n  isFetching = false\n}: ContentPropsType) => {\n  const buttonProps = buildButtonProps(button);\n\n  const titleProps = {\n    type: 'form-group',\n    title,\n    subtitle,\n    button: !readOnly ? buttonProps : undefined,\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: buttonProps}}),\n      items: map(buildContentItem(readOnly), items),\n      type: 'list'\n    },\n    search: {\n      ...search,\n      theme: 'coorpmanager',\n      // Keep search interactive even in readOnly mode\n      disabled: false\n    },\n    actionButtons: readOnly\n      ? []\n      : map(\n          actionButton => ({\n            ...actionButton,\n            customStyle: {\n              fontWeight: '600',\n              borderRadius: '12px',\n              width: 'auto'\n            }\n          }),\n          actionButtons\n        ),\n\n    checkboxWithTitle: readOnly\n      ? undefined\n      : {\n          ...checkboxWithTitleProps,\n          name: checkboxWithTitleProps?.title,\n          'aria-label': checkboxWithTitleProps?.title,\n          'data-name': checkboxWithTitleProps?.title,\n          customStyle: {fontWeight: 600, color: COLORS.neutral_500, fontSize: '16px'},\n          icon: {iconName: 'minus', iconColor: 'white', preset: 's'}\n        },\n    isFetching\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, isFetching = false, readOnly} = props;\n\n  return isFetching ? (\n    <div className={style.loaderContainer}>\n      <Loader className={style.loader} theme=\"coorpmanager\" />\n    </div>\n  ) : (\n    <div className={style.container}>\n      <SkillInformations {...skillInformations} readOnly={readOnly} />\n      <Translations {...translations} readOnly={readOnly} />\n      <Content {...content} readOnly={readOnly} />\n    </div>\n  );\n};\n\nSkillEdition.propTypes = propTypes;\n\nexport default SkillEdition;\n"],"mappings":"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","ignoreList":[]}

package/lib/organism/skill-edition/style.css

@@ -12,9 +12,8 @@
 }
 
 .iconEditor {
-  width: 420px;
-  min-height: 300px;
-  margin-top: 88px;
+  min-width: 420px;
+  margin-top: 68px;
 }
 
 .contentContainer {

package/lib/organism/skill-edition/types.d.ts

@@ -113,7 +113,7 @@ declare const SkillEditionPropTypes: {
                 title: PropTypes.Validator<string>;
                 onEditClick: PropTypes.Validator<(...args: any[]) => any>;
                 onDeleteClick: PropTypes.Validator<(...args: any[]) => any>;
-                readonly: PropTypes.Requireable<boolean>;
+                readOnly: PropTypes.Requireable<boolean>;
             }>>;
         }>;
         button: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
@@ -125,7 +125,7 @@ declare const SkillEditionPropTypes: {
             title: PropTypes.Requireable<string>;
             description: PropTypes.Requireable<string>;
         }>>;
-        readonly: PropTypes.Requireable<boolean>;
+        readOnly: PropTypes.Requireable<boolean>;
     }>>>;
     content: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
         title: PropTypes.Validator<string>;
@@ -176,10 +176,10 @@ declare const SkillEditionPropTypes: {
             checked: PropTypes.Requireable<boolean>;
             onChange: PropTypes.Requireable<(...args: any[]) => any>;
         }>>;
-        readonly: PropTypes.Requireable<boolean>;
+        readOnly: PropTypes.Requireable<boolean>;
     }>>>;
     isFetching: PropTypes.Requireable<boolean>;
-    readonly: PropTypes.Requireable<boolean>;
+    readOnly: PropTypes.Requireable<boolean>;
 };
 export default SkillEditionPropTypes;
 export declare type SelectOption = {
@@ -244,7 +244,7 @@ export declare type TranslationPropsType = {
             title: string;
             onEditClick: () => void;
             onDeleteClick: () => void;
-            readonly?: boolean;
+            readOnly?: boolean;
         };
     };
     button: {
@@ -256,7 +256,7 @@ export declare type TranslationPropsType = {
         title: string;
         description: string;
     };
-    readonly?: boolean;
+    readOnly?: boolean;
 };
 export declare type ContentListItemType = {
     ref: string;
@@ -306,14 +306,14 @@ export declare type ContentPropsType = {
     actionButtons?: ButtonLinkProps[];
     checkboxWithTitle?: CheckboxWithTitleProps;
     isFetching?: boolean;
-    readonly?: boolean;
+    readOnly?: boolean;
 };
 export declare type SkillEditionPropsType = {
     skillInformations: SkillInformationsProps;
     translations: TranslationPropsType;
     content: ContentPropsType;
     isFetching?: boolean;
-    readonly?: boolean;
+    readOnly?: boolean;
 };
 export declare type InputTextProps = {
     autoFocus?: boolean;

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

@@ -53,7 +53,7 @@ const translationPropTypes = _propTypes.default.shape({
     title: _propTypes.default.string.isRequired,
     onEditClick: _propTypes.default.func.isRequired,
     onDeleteClick: _propTypes.default.func.isRequired,
-    readonly: _propTypes.default.bool
+    readOnly: _propTypes.default.bool
   }).isRequired),
   button: _propTypes.default.shape({
     label: _propTypes.default.string.isRequired,
@@ -64,7 +64,7 @@ const translationPropTypes = _propTypes.default.shape({
     title: _propTypes.default.string,
     description: _propTypes.default.string
   }),
-  readonly: _propTypes.default.bool
+  readOnly: _propTypes.default.bool
 });
 const contentPropTypes = _propTypes.default.shape({
   title: _propTypes.default.string.isRequired,
@@ -115,7 +115,7 @@ const contentPropTypes = _propTypes.default.shape({
     checked: _propTypes.default.bool,
     onChange: _propTypes.default.func
   }),
-  readonly: _propTypes.default.bool
+  readOnly: _propTypes.default.bool
 });
 const SkillEditionPropTypes = {
   skillInformations: _propTypes.default.shape({
@@ -125,7 +125,7 @@ const SkillEditionPropTypes = {
   translations: translationPropTypes.isRequired,
   content: contentPropTypes.isRequired,
   isFetching: _propTypes.default.bool,
-  readonly: _propTypes.default.bool
+  readOnly: _propTypes.default.bool
 };
 var _default = exports.default = SkillEditionPropTypes;
 const themeStyle = exports.themeStyle = {