@coorpacademy/components 11.34.4 → 11.34.5-alpha.10

package/es/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":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAOnC,OAAkB,EAAC,iBAAiB,EAAyB,MAAM,SAAS,CAAC;AAyI7E,QAAA,MAAM,YAAY;YAAW,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAa7C,CAAC;AAIF,eAAe,YAAY,CAAC"}

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

@@ -5,6 +5,120 @@ import Title from '../../atom/title';
 import TitleAndInput from '../title-and-input';
 import propTypes from './types';
 import style from './style.css';
+const buildFormField = (field, type) => {
+  return {
+    ...field,
+    type,
+    theme: 'coorpmanager',
+    size: 'large'
+  };
+};
+const buildTitleAndInputField = ({
+  title,
+  subtitle,
+  required = false,
+  dataName,
+  childType
+}) => {
+  return {
+    title: {
+      type: 'form-group',
+      title,
+      subtitle,
+      titleSize: 'small-and-light',
+      subtitleSize: subtitle ? 'standard-without-margin' : undefined,
+      required,
+      'data-name': dataName
+    },
+    childType,
+    type: 'titleAndInput'
+  };
+};
+const SkillInformations = skillInformations => {
+  const {
+    form,
+    iconEditor
+  } = skillInformations;
+  const {
+    select,
+    inputTextArea,
+    inputText
+  } = form;
+  const iconEditorProps = {
+    title: {
+      type: 'form-group',
+      title: iconEditor.title,
+      titleSize: 'small-and-light',
+      required: true
+    },
+    field: {
+      iconPreview: iconEditor.iconPreview,
+      inputText: iconEditor.inputText,
+      buttonLink: iconEditor.buttonLink ? {
+        type: 'secondary',
+        label: iconEditor.buttonLink.label,
+        ariaLabel: iconEditor.buttonLink.ariaLabel,
+        dataName: 'open-icon-modal-button',
+        icon: {
+          position: 'left',
+          faIcon: {
+            name: 'arrows-rotate',
+            size: 16
+          }
+        },
+        onClick: iconEditor.buttonLink.onClick,
+        customStyle: {
+          borderRadius: '12px',
+          padding: '0 8px 0 16px',
+          fontWeight: '500'
+        }
+      } : undefined,
+      size: 'large'
+    },
+    childType: 'iconEditor'
+  };
+  const fields = [{
+    ...buildTitleAndInputField({
+      title: select.title,
+      subtitle: select.subtitle,
+      required: true,
+      dataName: select['data-name'],
+      childType: 'select'
+    }),
+    field: {
+      options: select.field.options,
+      'aria-label': select.field['aria-label'],
+      onChange: select.field.onChange,
+      theme: 'skillDetail',
+      size: 'large'
+    }
+  }, {
+    ...buildTitleAndInputField({
+      title: inputText.title,
+      required: true,
+      childType: 'inputText'
+    }),
+    field: buildFormField(inputText.field, 'text')
+  }, {
+    ...buildTitleAndInputField({
+      title: inputTextArea.title,
+      childType: 'inputTextArea'
+    }),
+    field: buildFormField(inputTextArea.field, 'textarea')
+  }];
+  const formProps = {
+    title: form.title,
+    subtitle: form.subtitle,
+    titleSize: 'xl-strong',
+    subtitleSize: 'medium',
+    fields
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: style.skillInformationsContainer
+  }, /*#__PURE__*/React.createElement(BrandFormGroup, formProps), /*#__PURE__*/React.createElement("div", {
+    className: style.iconEditor
+  }, /*#__PURE__*/React.createElement(TitleAndInput, iconEditorProps)));
+};
 const SkillEdition = props => {
   const {
     skillInformations,
@@ -13,11 +127,7 @@ const SkillEdition = props => {
   } = props;
   return /*#__PURE__*/React.createElement("div", {
     className: style.container
-  }, /*#__PURE__*/React.createElement("div", {
-    className: style.skillInformationsContainer
-  }, /*#__PURE__*/React.createElement(BrandFormGroup, skillInformations.form), /*#__PURE__*/React.createElement("div", {
-    className: style.iconEditor
-  }, /*#__PURE__*/React.createElement(TitleAndInput, skillInformations.iconEditor))), /*#__PURE__*/React.createElement(ListItems, translations), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement(SkillInformations, skillInformations), /*#__PURE__*/React.createElement(ListItems, translations), /*#__PURE__*/React.createElement("div", {
     className: style.contentContainer
   }, /*#__PURE__*/React.createElement(Title, content.title), /*#__PURE__*/React.createElement(ListItems, content.listContent)));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","BrandFormGroup","ListItems","Title","TitleAndInput","propTypes","style","SkillEdition","props","skillInformations","translations","content","createElement","className","container","skillInformationsContainer","form","iconEditor","contentContainer","title","listContent","process","env","NODE_ENV"],"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,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,cAAc,MAAM,iCAAiC;AAC5D,OAAOC,SAAS,MAAM,eAAe;AACrC,OAAOC,KAAK,MAAM,kBAAkB;AACpC,OAAOC,aAAa,MAAM,oBAAoB;AAC9C,OAAOC,SAAS,MAA2B,SAAS;AACpD,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,YAAY,GAAIC,KAAwB,IAAK;EACjD,MAAM;IAACC,iBAAiB;IAAEC,YAAY;IAAEC;EAAO,CAAC,GAAGH,KAAK;EAExD,oBACER,KAAA,CAAAY,aAAA;IAAKC,SAAS,EAAEP,KAAK,CAACQ;EAAU,gBAC9Bd,KAAA,CAAAY,aAAA;IAAKC,SAAS,EAAEP,KAAK,CAACS;EAA2B,gBAC/Cf,KAAA,CAAAY,aAAA,CAACX,cAAc,EAAKQ,iBAAiB,CAACO,IAAO,CAAC,eAC9ChB,KAAA,CAAAY,aAAA;IAAKC,SAAS,EAAEP,KAAK,CAACW;EAAW,gBAC/BjB,KAAA,CAAAY,aAAA,CAACR,aAAa,EAAKK,iBAAiB,CAACQ,UAAa,CAC/C,CACF,CAAC,eACNjB,KAAA,CAAAY,aAAA,CAACV,SAAS,EAAKQ,YAAe,CAAC,eAC/BV,KAAA,CAAAY,aAAA;IAAKC,SAAS,EAAEP,KAAK,CAACY;EAAiB,gBACrClB,KAAA,CAAAY,aAAA,CAACT,KAAK,EAAKQ,OAAO,CAACQ,KAAQ,CAAC,eAC5BnB,KAAA,CAAAY,aAAA,CAACV,SAAS,EAAKS,OAAO,CAACS,WAAc,CAClC,CACF,CAAC;AAEV,CAAC;AAEDb,YAAY,CAACF,SAAS,GAAAgB,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAGlB,SAAS;AAElC,eAAeE,YAAY","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","BrandFormGroup","ListItems","Title","TitleAndInput","propTypes","style","buildFormField","field","type","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","padding","fontWeight","fields","options","onChange","formProps","createElement","className","skillInformationsContainer","SkillEdition","props","translations","content","container","contentContainer","listContent","process","env","NODE_ENV"],"sources":["../../../src/organism/skill-edition/index.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport BrandFormGroup from '../../molecule/brand-form-group';\nimport ListItems from '../list-items';\nimport Title from '../../atom/title';\nimport TitleAndInput from '../title-and-input';\nimport InputText from '../../atom/input-text';\nimport InputTextarea from '../../atom/input-textarea';\nimport propTypes, {SkillEditionProps, SkillInformationsProps} from './types';\nimport style from './style.css';\n\nconst buildFormField = (\n  field:\n    | PropTypes.InferProps<typeof InputText.propTypes>\n    | PropTypes.InferProps<typeof InputTextarea.propTypes>,\n  type: 'text' | 'textarea'\n) => {\n  return {\n    ...field,\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) => {\n  const {form, iconEditor} = 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,\n      buttonLink: iconEditor.buttonLink\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              padding: '0 8px 0 16px',\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      }\n    },\n    {\n      ...buildTitleAndInputField({\n        title: inputText.title,\n        required: true,\n        childType: 'inputText'\n      }),\n      field: buildFormField(inputText.field, 'text')\n    },\n    {\n      ...buildTitleAndInputField({\n        title: inputTextArea.title,\n        childType: 'inputTextArea'\n      }),\n      field: buildFormField(inputTextArea.field, 'textarea')\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\nconst SkillEdition = (props: SkillEditionProps) => {\n  const {skillInformations, translations, content} = props;\n\n  return (\n    <div className={style.container}>\n      <SkillInformations {...skillInformations} />\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":"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","ignoreList":[]}

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

@@ -9,11 +9,12 @@
 .skillInformationsContainer {
   display: flex;
   gap: 96px;
-  align-items: center;
 }
 
 .iconEditor {
   min-width: 420px;
+  min-height: 300px;
+  margin-top: 88px;
 }
 
 .contentContainer {