@coorpacademy/components 11.34.4 → 11.34.5-alpha.10

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":";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/lib/organism/skill-edition/index.js

@@ -10,6 +10,120 @@ var _titleAndInput = _interopRequireDefault(require("../title-and-input"));
 var _types = _interopRequireDefault(require("./types"));
 var _style = _interopRequireDefault(require("./style.css"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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.default.createElement("div", {
+    className: _style.default.skillInformationsContainer
+  }, /*#__PURE__*/_react.default.createElement(_brandFormGroup.default, formProps), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.iconEditor
+  }, /*#__PURE__*/_react.default.createElement(_titleAndInput.default, iconEditorProps)));
+};
 const SkillEdition = props => {
   const {
     skillInformations,
@@ -18,11 +132,7 @@ const SkillEdition = props => {
   } = props;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.container
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    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", {
+  }, /*#__PURE__*/_react.default.createElement(SkillInformations, skillInformations), /*#__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)));
 };

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","_types","_style","e","__esModule","default","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","style","skillInformationsContainer","SkillEdition","props","translations","content","container","contentContainer","listContent","propTypes","process","env","NODE_ENV","_default","exports"],"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/lib/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 {