@coorpacademy/components 11.39.4-alpha.2 → 11.39.4-alpha.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/atom/input-textarea/index.d.ts.map +1 -1
- package/es/atom/input-textarea/index.js +2 -0
- package/es/atom/input-textarea/index.js.map +1 -1
- package/es/molecule/icon-preview/style.css +0 -3
- package/es/organism/skill-edition/index.d.ts +4 -4
- package/es/organism/skill-edition/index.js +28 -28
- package/es/organism/skill-edition/index.js.map +1 -1
- package/es/organism/skill-edition/style.css +2 -3
- package/es/organism/skill-edition/types.d.ts +8 -8
- package/es/organism/skill-edition/types.js +4 -4
- package/es/organism/skill-edition/types.js.map +1 -1
- package/es/template/back-office/brand-update/index.d.ts +4 -4
- package/lib/atom/input-textarea/index.d.ts.map +1 -1
- package/lib/atom/input-textarea/index.js +2 -0
- package/lib/atom/input-textarea/index.js.map +1 -1
- package/lib/molecule/icon-preview/style.css +0 -3
- package/lib/organism/skill-edition/index.d.ts +4 -4
- package/lib/organism/skill-edition/index.js +28 -28
- package/lib/organism/skill-edition/index.js.map +1 -1
- package/lib/organism/skill-edition/style.css +2 -3
- package/lib/organism/skill-edition/types.d.ts +8 -8
- package/lib/organism/skill-edition/types.js +4 -4
- package/lib/organism/skill-edition/types.js.map +1 -1
- package/lib/template/back-office/brand-update/index.d.ts +4 -4
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-textarea/index.js"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-textarea/index.js"],"names":[],"mappings":";AAmBA,wDA0EC"}
|
|
@@ -7,6 +7,7 @@ import classnames from 'classnames';
|
|
|
7
7
|
import { NovaSolidStatusCheckCircle2 as CheckIcon, NovaSolidStatusClose as ErrorIcon, NovaCompositionCoorpacademyInformationIcon as InfoIcon } from '@coorpacademy/nova-icons';
|
|
8
8
|
import getClassState from '../../util/get-class-state';
|
|
9
9
|
import style from './style.css';
|
|
10
|
+
import { v5 as uuidV5 } from 'uuid';
|
|
10
11
|
const themeStyle = {
|
|
11
12
|
setup: style.setup,
|
|
12
13
|
coorpmanager: style.coorpmanager,
|
|
@@ -61,6 +62,7 @@ const InputTextarea = props => {
|
|
|
61
62
|
}, /*#__PURE__*/React.createElement("label", null, /*#__PURE__*/React.createElement("span", {
|
|
62
63
|
className: classnames(style.title, _isEmpty(value) && style.noValue)
|
|
63
64
|
}, propsTitle, toolTipView), /*#__PURE__*/React.createElement("textarea", {
|
|
65
|
+
id: uuidV5('textarea-', uuidV5.URL),
|
|
64
66
|
name: name,
|
|
65
67
|
value: value,
|
|
66
68
|
placeholder: placeholder,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","classnames","NovaSolidStatusCheckCircle2","CheckIcon","NovaSolidStatusClose","ErrorIcon","NovaCompositionCoorpacademyInformationIcon","InfoIcon","getClassState","style","themeStyle","setup","coorpmanager","cockpit","default","defaultStyle","InputTextarea","props","title","propsTitle","name","placeholder","value","hint","theme","onChange","_noop","error","valid","description","disabled","readOnly","modified","mainClass","className","handleChange","e","target","descriptionView","createElement","toolTipView","infoIconWrapper","infoIcon","descriptionLabel","hintView","dangerouslySetInnerHTML","__html","errorIconView","leftIcon","validIconView","readonly","_isEmpty","noValue","propTypes","process","env","NODE_ENV","string","oneOf","_keys","bool","func"],"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":";;;AAAA,OAAOA,KAAK,IAAGC,OAAO,QAAO,OAAO;AACpC,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,UAAU,MAAM,YAAY;AACnC,SACEC,2BAA2B,IAAIC,SAAS,EACxCC,oBAAoB,IAAIC,SAAS,EACjCC,0CAA0C,IAAIC,QAAQ,QACjD,0BAA0B;AACjC,OAAOC,aAAa,MAAM,4BAA4B;AACtD,OAAOC,KAAK,MAAM,aAAa;
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","classnames","NovaSolidStatusCheckCircle2","CheckIcon","NovaSolidStatusClose","ErrorIcon","NovaCompositionCoorpacademyInformationIcon","InfoIcon","getClassState","style","v5","uuidV5","themeStyle","setup","coorpmanager","cockpit","default","defaultStyle","InputTextarea","props","title","propsTitle","name","placeholder","value","hint","theme","onChange","_noop","error","valid","description","disabled","readOnly","modified","mainClass","className","handleChange","e","target","descriptionView","createElement","toolTipView","infoIconWrapper","infoIcon","descriptionLabel","hintView","dangerouslySetInnerHTML","__html","errorIconView","leftIcon","validIconView","readonly","_isEmpty","noValue","id","URL","propTypes","process","env","NODE_ENV","string","oneOf","_keys","bool","func"],"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":";;;AAAA,OAAOA,KAAK,IAAGC,OAAO,QAAO,OAAO;AACpC,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,UAAU,MAAM,YAAY;AACnC,SACEC,2BAA2B,IAAIC,SAAS,EACxCC,oBAAoB,IAAIC,SAAS,EACjCC,0CAA0C,IAAIC,QAAQ,QACjD,0BAA0B;AACjC,OAAOC,aAAa,MAAM,4BAA4B;AACtD,OAAOC,KAAK,MAAM,aAAa;AAC/B,SAAQC,EAAE,IAAIC,MAAM,QAAO,MAAM;AAEjC,MAAMC,UAAU,GAAG;EACjBC,KAAK,EAAEJ,KAAK,CAACI,KAAK;EAClBC,YAAY,EAAEL,KAAK,CAACK,YAAY;EAChCC,OAAO,EAAEN,KAAK,CAACM,OAAO;EACtBC,OAAO,EAAEP,KAAK,CAACQ;AACjB,CAAC;AACD,MAAMC,aAAa,GAAGC,KAAK,IAAI;EAC7B,MAAM;IACJC,KAAK,EAAEC,UAAU;IACjBC,IAAI;IACJC,WAAW;IACXC,KAAK;IACLC,IAAI;IACJC,KAAK,GAAG,SAAS;IACjBC,QAAQ,GAAAC,KAAO;IACfC,KAAK;IACLC,KAAK;IACLC,WAAW;IACXC,QAAQ;IACRC,QAAQ,GAAG,KAAK;IAChBC,QAAQ,GAAG;EACb,CAAC,GAAGf,KAAK;EAET,MAAMgB,SAAS,GAAGvB,UAAU,CAACc,KAAK,CAAC;EACnC,MAAMU,SAAS,GAAG5B,aAAa,CAACC,KAAK,CAACQ,YAAY,EAAER,KAAK,CAACyB,QAAQ,EAAEzB,KAAK,CAACoB,KAAK,EAAEK,QAAQ,EAAEL,KAAK,CAAC;EACjG,MAAMQ,YAAY,GAAGtC,OAAO,CAAC,MAAMuC,CAAC,IAAIX,QAAQ,CAACW,CAAC,CAACC,MAAM,CAACf,KAAK,CAAC,EAAE,CAACG,QAAQ,CAAC,CAAC;EAE7E,MAAMa,eAAe,GACnBT,WAAW,IAAIL,KAAK,KAAK,cAAc,gBACrC5B,KAAA,CAAA2C,aAAA;IAAKL,SAAS,EAAE3B,KAAK,CAACsB;EAAY,GAAEA,WAAiB,CAAC,GACpD,IAAI;EACV,MAAMW,WAAW,GACfX,WAAW,IAAIL,KAAK,KAAK,cAAc,gBACrC5B,KAAA,CAAA2C,aAAA;IAAKL,SAAS,EAAE3B,KAAK,CAACkC;EAAgB,gBACpC7C,KAAA,CAAA2C,aAAA,CAAClC,QAAQ;IAAC6B,SAAS,EAAE3B,KAAK,CAACmC;EAAS,CAAE,CAAC,eACvC9C,KAAA,CAAA2C,aAAA;IAAKL,SAAS,EAAE3B,KAAK,CAACoC;EAAiB,GAAEd,WAAiB,CACvD,CAAC,GACJ,IAAI;EACV,MAAMe,QAAQ,GACZpB,KAAK,KAAK,cAAc,gBACtB5B,KAAA,CAAA2C,aAAA;IACEL,SAAS,EAAE3B,KAAK,CAACgB;IACjB;IAAA;IACAsB,uBAAuB,EAAE;MAACC,MAAM,EAAEnB,KAAK,IAAIJ;IAAI;EAAE,CAClD,CAAC,GACA,IAAI;EACV,MAAMwB,aAAa,GAAGpB,KAAK,gBAAG/B,KAAA,CAAA2C,aAAA,CAACpC,SAAS;IAAC+B,SAAS,EAAE3B,KAAK,CAACyC;EAAS,CAAE,CAAC,GAAG,IAAI;EAC7E,MAAMC,aAAa,GAAGrB,KAAK,gBAAGhC,KAAA,CAAA2C,aAAA,CAACtC,SAAS;IAACiC,SAAS,EAAE3B,KAAK,CAACyC;EAAS,CAAE,CAAC,GAAG,IAAI;EAE7E,oBACEpD,KAAA,CAAA2C,aAAA;IACEL,SAAS,EAAEnC,UAAU,CACnBkC,SAAS,EACTC,SAAS,EACTJ,QAAQ,IAAIvB,KAAK,CAACuB,QAAQ,EAC1BC,QAAQ,IAAIxB,KAAK,CAAC2C,QACpB;EAAE,gBAEFtD,KAAA,CAAA2C,aAAA,6BACE3C,KAAA,CAAA2C,aAAA;IAAML,SAAS,EAAEnC,UAAU,CAACQ,KAAK,CAACW,KAAK,EAAEiC,QAAA,CAAQ7B,KAAK,CAAC,IAAIf,KAAK,CAAC6C,OAAO;EAAE,GACvEjC,UAAU,EACVqB,WACG,CAAC,eACP5C,KAAA,CAAA2C,aAAA;IACEc,EAAE,EAAE5C,MAAM,CAAC,WAAW,EAAEA,MAAM,CAAC6C,GAAG,CAAE;IACpClC,IAAI,EAAEA,IAAK;IACXE,KAAK,EAAEA,KAAM;IACbD,WAAW,EAAEA,WAAY;IACzBI,QAAQ,EAAEU,YAAa;IACvBL,QAAQ,EAAEA,QAAS;IACnBC,QAAQ,EAAEA,QAAS;IACnB,eAAaX;EAAK,CACnB,CAAC,EACD2B,aAAa,EACbE,aAAa,EACbL,QACI,CAAC,EACPN,eACE,CAAC;AAEV,CAAC;AAEDtB,aAAa,CAACuC,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACxBrC,WAAW,EAAEvB,SAAS,CAAC6D,MAAM;EAC7BzC,KAAK,EAAEpB,SAAS,CAAC6D,MAAM;EACvBvC,IAAI,EAAEtB,SAAS,CAAC6D,MAAM;EACtBnC,KAAK,EAAE1B,SAAS,CAAC8D,KAAK,CAACC,KAAA,CAAKnD,UAAU,CAAC,CAAC;EACxCoB,QAAQ,EAAEhC,SAAS,CAACgE,IAAI;EACxB/B,QAAQ,EAAEjC,SAAS,CAACgE,IAAI;EACxBxC,KAAK,EAAExB,SAAS,CAAC6D,MAAM;EACvBpC,IAAI,EAAEzB,SAAS,CAAC6D,MAAM;EACtBhC,KAAK,EAAE7B,SAAS,CAAC6D,MAAM;EACvBlC,QAAQ,EAAE3B,SAAS,CAACiE,IAAI;EACxBlC,WAAW,EAAE/B,SAAS,CAAC6D,MAAM;EAC7B3B,QAAQ,EAAElC,SAAS,CAACgE,IAAI;EACxBlC,KAAK,EAAE9B,SAAS,CAACgE;AACnB,CAAC;AACD,eAAe9C,aAAa","ignoreList":[]}
|
|
@@ -114,7 +114,7 @@ declare const SkillEdition: {
|
|
|
114
114
|
title: import("prop-types").Validator<string>;
|
|
115
115
|
onEditClick: import("prop-types").Validator<(...args: any[]) => any>;
|
|
116
116
|
onDeleteClick: import("prop-types").Validator<(...args: any[]) => any>;
|
|
117
|
-
|
|
117
|
+
readOnly: import("prop-types").Requireable<boolean>;
|
|
118
118
|
}>>;
|
|
119
119
|
}>;
|
|
120
120
|
button: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<{
|
|
@@ -126,7 +126,7 @@ declare const SkillEdition: {
|
|
|
126
126
|
title: import("prop-types").Requireable<string>;
|
|
127
127
|
description: import("prop-types").Requireable<string>;
|
|
128
128
|
}>>;
|
|
129
|
-
|
|
129
|
+
readOnly: import("prop-types").Requireable<boolean>;
|
|
130
130
|
}>>>;
|
|
131
131
|
content: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<{
|
|
132
132
|
title: import("prop-types").Validator<string>;
|
|
@@ -177,10 +177,10 @@ declare const SkillEdition: {
|
|
|
177
177
|
checked: import("prop-types").Requireable<boolean>;
|
|
178
178
|
onChange: import("prop-types").Requireable<(...args: any[]) => any>;
|
|
179
179
|
}>>;
|
|
180
|
-
|
|
180
|
+
readOnly: import("prop-types").Requireable<boolean>;
|
|
181
181
|
}>>>;
|
|
182
182
|
isFetching: import("prop-types").Requireable<boolean>;
|
|
183
|
-
|
|
183
|
+
readOnly: import("prop-types").Requireable<boolean>;
|
|
184
184
|
};
|
|
185
185
|
};
|
|
186
186
|
export default SkillEdition;
|
|
@@ -13,11 +13,11 @@ import { COLORS } from '../../variables/colors';
|
|
|
13
13
|
import Loader from '../../atom/loader';
|
|
14
14
|
import propTypes from './types';
|
|
15
15
|
import style from './style.css';
|
|
16
|
-
const buildFormField = (field, type,
|
|
16
|
+
const buildFormField = (field, type, readOnly) => {
|
|
17
17
|
const fieldWithoutOverrides = _omit(['type', 'theme', 'size', 'readOnly'], field);
|
|
18
18
|
return {
|
|
19
19
|
...fieldWithoutOverrides,
|
|
20
|
-
readOnly:
|
|
20
|
+
readOnly: readOnly,
|
|
21
21
|
type,
|
|
22
22
|
theme: 'coorpmanager',
|
|
23
23
|
size: 'large'
|
|
@@ -48,7 +48,7 @@ const SkillInformations = skillInformations => {
|
|
|
48
48
|
const {
|
|
49
49
|
form,
|
|
50
50
|
iconEditor,
|
|
51
|
-
|
|
51
|
+
readOnly
|
|
52
52
|
} = skillInformations;
|
|
53
53
|
const {
|
|
54
54
|
select,
|
|
@@ -66,9 +66,9 @@ const SkillInformations = skillInformations => {
|
|
|
66
66
|
iconPreview: iconEditor.iconPreview,
|
|
67
67
|
inputText: {
|
|
68
68
|
...iconEditor.inputText,
|
|
69
|
-
readOnly:
|
|
69
|
+
readOnly: readOnly
|
|
70
70
|
},
|
|
71
|
-
buttonLink: iconEditor.buttonLink && !
|
|
71
|
+
buttonLink: iconEditor.buttonLink && !readOnly ? {
|
|
72
72
|
type: 'secondary',
|
|
73
73
|
label: iconEditor.buttonLink.label,
|
|
74
74
|
ariaLabel: iconEditor.buttonLink.ariaLabel,
|
|
@@ -104,7 +104,7 @@ const SkillInformations = skillInformations => {
|
|
|
104
104
|
onChange: select.field.onChange,
|
|
105
105
|
theme: 'skillDetail',
|
|
106
106
|
size: 'large',
|
|
107
|
-
readOnly:
|
|
107
|
+
readOnly: readOnly
|
|
108
108
|
}
|
|
109
109
|
}, {
|
|
110
110
|
...buildTitleAndInputField({
|
|
@@ -112,13 +112,13 @@ const SkillInformations = skillInformations => {
|
|
|
112
112
|
required: true,
|
|
113
113
|
childType: 'inputText'
|
|
114
114
|
}),
|
|
115
|
-
field: buildFormField(inputText.field, 'text',
|
|
115
|
+
field: buildFormField(inputText.field, 'text', readOnly)
|
|
116
116
|
}, {
|
|
117
117
|
...buildTitleAndInputField({
|
|
118
118
|
title: inputTextArea.title,
|
|
119
119
|
childType: 'inputTextArea'
|
|
120
120
|
}),
|
|
121
|
-
field: buildFormField(inputTextArea.field, 'textarea',
|
|
121
|
+
field: buildFormField(inputTextArea.field, 'textarea', readOnly)
|
|
122
122
|
}];
|
|
123
123
|
const formProps = {
|
|
124
124
|
title: form.title,
|
|
@@ -168,9 +168,9 @@ const buildTranslationItems = ({
|
|
|
168
168
|
title: itemTitle,
|
|
169
169
|
onEditClick,
|
|
170
170
|
onDeleteClick,
|
|
171
|
-
|
|
171
|
+
readOnly = false
|
|
172
172
|
}, index) => ({
|
|
173
|
-
...(
|
|
173
|
+
...(readOnly ? {} : {
|
|
174
174
|
secondButtonLink: {
|
|
175
175
|
'aria-label': 'Delete',
|
|
176
176
|
type: 'primary',
|
|
@@ -193,7 +193,7 @@ const buildTranslationItems = ({
|
|
|
193
193
|
id: index,
|
|
194
194
|
title: itemTitle,
|
|
195
195
|
buttonLink: {
|
|
196
|
-
'aria-label':
|
|
196
|
+
'aria-label': readOnly ? 'View Custom SKill' : 'Edit Custom Skill',
|
|
197
197
|
type: 'primary',
|
|
198
198
|
customStyle: {
|
|
199
199
|
width: 'fit-content',
|
|
@@ -203,7 +203,7 @@ const buildTranslationItems = ({
|
|
|
203
203
|
icon: {
|
|
204
204
|
position: 'left',
|
|
205
205
|
faIcon: {
|
|
206
|
-
name:
|
|
206
|
+
name: readOnly ? 'eye' : 'edit',
|
|
207
207
|
color: COLORS.neutral_500,
|
|
208
208
|
size: 16
|
|
209
209
|
}
|
|
@@ -218,7 +218,7 @@ const Translations = ({
|
|
|
218
218
|
button,
|
|
219
219
|
localesOptions,
|
|
220
220
|
emptyResult,
|
|
221
|
-
|
|
221
|
+
readOnly = false
|
|
222
222
|
}) => {
|
|
223
223
|
const buttonProps = buildButtonProps(button);
|
|
224
224
|
const translationMenuAction = {
|
|
@@ -264,15 +264,15 @@ const Translations = ({
|
|
|
264
264
|
}),
|
|
265
265
|
items: uncappedMap((item, index) => buildTranslationItems({
|
|
266
266
|
...item,
|
|
267
|
-
|
|
267
|
+
readOnly
|
|
268
268
|
}, index), items),
|
|
269
269
|
type: 'list'
|
|
270
270
|
},
|
|
271
|
-
buttonMenuAction:
|
|
271
|
+
buttonMenuAction: readOnly ? undefined : translationMenuAction
|
|
272
272
|
};
|
|
273
273
|
return /*#__PURE__*/React.createElement(ListItems, translationProps);
|
|
274
274
|
};
|
|
275
|
-
const buildContentItem =
|
|
275
|
+
const buildContentItem = readOnly => ({
|
|
276
276
|
ref,
|
|
277
277
|
title,
|
|
278
278
|
subtitle,
|
|
@@ -285,7 +285,7 @@ const buildContentItem = readonly => ({
|
|
|
285
285
|
deleteButton
|
|
286
286
|
}) => {
|
|
287
287
|
return {
|
|
288
|
-
...(
|
|
288
|
+
...(readOnly ? {} : {
|
|
289
289
|
secondButtonLink: {
|
|
290
290
|
...deleteButton,
|
|
291
291
|
'data-name': `button-${deleteButton?.label}`,
|
|
@@ -322,7 +322,7 @@ const buildContentItem = readonly => ({
|
|
|
322
322
|
position: 'left'
|
|
323
323
|
}
|
|
324
324
|
}],
|
|
325
|
-
checkbox:
|
|
325
|
+
checkbox: readOnly ? undefined : checkbox
|
|
326
326
|
};
|
|
327
327
|
};
|
|
328
328
|
const Content = ({
|
|
@@ -338,7 +338,7 @@ const Content = ({
|
|
|
338
338
|
},
|
|
339
339
|
actionButtons,
|
|
340
340
|
checkboxWithTitle: checkboxWithTitleProps,
|
|
341
|
-
|
|
341
|
+
readOnly = false,
|
|
342
342
|
isFetching = false
|
|
343
343
|
}) => {
|
|
344
344
|
const buttonProps = buildButtonProps(button);
|
|
@@ -346,7 +346,7 @@ const Content = ({
|
|
|
346
346
|
type: 'form-group',
|
|
347
347
|
title,
|
|
348
348
|
subtitle,
|
|
349
|
-
button: !
|
|
349
|
+
button: !readOnly ? buttonProps : undefined,
|
|
350
350
|
required: true
|
|
351
351
|
};
|
|
352
352
|
const listProps = {
|
|
@@ -372,16 +372,16 @@ const Content = ({
|
|
|
372
372
|
button: buttonProps
|
|
373
373
|
}
|
|
374
374
|
}),
|
|
375
|
-
items: _map(buildContentItem(
|
|
375
|
+
items: _map(buildContentItem(readOnly), items),
|
|
376
376
|
type: 'list'
|
|
377
377
|
},
|
|
378
378
|
search: {
|
|
379
379
|
...search,
|
|
380
380
|
theme: 'coorpmanager',
|
|
381
|
-
// Keep search interactive even in
|
|
381
|
+
// Keep search interactive even in readOnly mode
|
|
382
382
|
disabled: false
|
|
383
383
|
},
|
|
384
|
-
actionButtons:
|
|
384
|
+
actionButtons: readOnly ? [] : _map(actionButton => ({
|
|
385
385
|
...actionButton,
|
|
386
386
|
customStyle: {
|
|
387
387
|
fontWeight: '600',
|
|
@@ -389,7 +389,7 @@ const Content = ({
|
|
|
389
389
|
width: 'auto'
|
|
390
390
|
}
|
|
391
391
|
}), actionButtons),
|
|
392
|
-
checkboxWithTitle:
|
|
392
|
+
checkboxWithTitle: readOnly ? undefined : {
|
|
393
393
|
...checkboxWithTitleProps,
|
|
394
394
|
name: checkboxWithTitleProps?.title,
|
|
395
395
|
'aria-label': checkboxWithTitleProps?.title,
|
|
@@ -417,7 +417,7 @@ const SkillEdition = props => {
|
|
|
417
417
|
translations,
|
|
418
418
|
content,
|
|
419
419
|
isFetching = false,
|
|
420
|
-
|
|
420
|
+
readOnly
|
|
421
421
|
} = props;
|
|
422
422
|
return isFetching ? /*#__PURE__*/React.createElement("div", {
|
|
423
423
|
className: style.loaderContainer
|
|
@@ -427,11 +427,11 @@ const SkillEdition = props => {
|
|
|
427
427
|
})) : /*#__PURE__*/React.createElement("div", {
|
|
428
428
|
className: style.container
|
|
429
429
|
}, /*#__PURE__*/React.createElement(SkillInformations, _extends({}, skillInformations, {
|
|
430
|
-
|
|
430
|
+
readOnly: readOnly
|
|
431
431
|
})), /*#__PURE__*/React.createElement(Translations, _extends({}, translations, {
|
|
432
|
-
|
|
432
|
+
readOnly: readOnly
|
|
433
433
|
})), /*#__PURE__*/React.createElement(Content, _extends({}, content, {
|
|
434
|
-
|
|
434
|
+
readOnly: readOnly
|
|
435
435
|
})));
|
|
436
436
|
};
|
|
437
437
|
SkillEdition.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","BrandFormGroup","ListItems","Title","TitleAndInput","COLORS","Loader","propTypes","style","buildFormField","field","type","readonly","fieldWithoutOverrides","_omit","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","skillInformationsContainer","uncappedMap","_map","convert","cap","buildButtonProps","button","hoverBackgroundColor","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","_includes","_keys","menuWrapper","maxHeight","translationProps","content","_isEmpty","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","_extends","process","env","NODE_ENV"],"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":[]}
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","BrandFormGroup","ListItems","Title","TitleAndInput","COLORS","Loader","propTypes","style","buildFormField","field","type","readOnly","fieldWithoutOverrides","_omit","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","skillInformationsContainer","uncappedMap","_map","convert","cap","buildButtonProps","button","hoverBackgroundColor","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","_includes","_keys","menuWrapper","maxHeight","translationProps","content","_isEmpty","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","_extends","process","env","NODE_ENV"],"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":[]}
|
|
@@ -113,7 +113,7 @@ declare const SkillEditionPropTypes: {
|
|
|
113
113
|
title: PropTypes.Validator<string>;
|
|
114
114
|
onEditClick: PropTypes.Validator<(...args: any[]) => any>;
|
|
115
115
|
onDeleteClick: PropTypes.Validator<(...args: any[]) => any>;
|
|
116
|
-
|
|
116
|
+
readOnly: PropTypes.Requireable<boolean>;
|
|
117
117
|
}>>;
|
|
118
118
|
}>;
|
|
119
119
|
button: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
|
|
@@ -125,7 +125,7 @@ declare const SkillEditionPropTypes: {
|
|
|
125
125
|
title: PropTypes.Requireable<string>;
|
|
126
126
|
description: PropTypes.Requireable<string>;
|
|
127
127
|
}>>;
|
|
128
|
-
|
|
128
|
+
readOnly: PropTypes.Requireable<boolean>;
|
|
129
129
|
}>>>;
|
|
130
130
|
content: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
|
|
131
131
|
title: PropTypes.Validator<string>;
|
|
@@ -176,10 +176,10 @@ declare const SkillEditionPropTypes: {
|
|
|
176
176
|
checked: PropTypes.Requireable<boolean>;
|
|
177
177
|
onChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
178
178
|
}>>;
|
|
179
|
-
|
|
179
|
+
readOnly: PropTypes.Requireable<boolean>;
|
|
180
180
|
}>>>;
|
|
181
181
|
isFetching: PropTypes.Requireable<boolean>;
|
|
182
|
-
|
|
182
|
+
readOnly: PropTypes.Requireable<boolean>;
|
|
183
183
|
};
|
|
184
184
|
export default SkillEditionPropTypes;
|
|
185
185
|
export declare type SelectOption = {
|
|
@@ -244,7 +244,7 @@ export declare type TranslationPropsType = {
|
|
|
244
244
|
title: string;
|
|
245
245
|
onEditClick: () => void;
|
|
246
246
|
onDeleteClick: () => void;
|
|
247
|
-
|
|
247
|
+
readOnly?: boolean;
|
|
248
248
|
};
|
|
249
249
|
};
|
|
250
250
|
button: {
|
|
@@ -256,7 +256,7 @@ export declare type TranslationPropsType = {
|
|
|
256
256
|
title: string;
|
|
257
257
|
description: string;
|
|
258
258
|
};
|
|
259
|
-
|
|
259
|
+
readOnly?: boolean;
|
|
260
260
|
};
|
|
261
261
|
export declare type ContentListItemType = {
|
|
262
262
|
ref: string;
|
|
@@ -306,14 +306,14 @@ export declare type ContentPropsType = {
|
|
|
306
306
|
actionButtons?: ButtonLinkProps[];
|
|
307
307
|
checkboxWithTitle?: CheckboxWithTitleProps;
|
|
308
308
|
isFetching?: boolean;
|
|
309
|
-
|
|
309
|
+
readOnly?: boolean;
|
|
310
310
|
};
|
|
311
311
|
export declare type SkillEditionPropsType = {
|
|
312
312
|
skillInformations: SkillInformationsProps;
|
|
313
313
|
translations: TranslationPropsType;
|
|
314
314
|
content: ContentPropsType;
|
|
315
315
|
isFetching?: boolean;
|
|
316
|
-
|
|
316
|
+
readOnly?: boolean;
|
|
317
317
|
};
|
|
318
318
|
export declare type InputTextProps = {
|
|
319
319
|
autoFocus?: boolean;
|
|
@@ -48,7 +48,7 @@ const translationPropTypes = PropTypes.shape({
|
|
|
48
48
|
title: PropTypes.string.isRequired,
|
|
49
49
|
onEditClick: PropTypes.func.isRequired,
|
|
50
50
|
onDeleteClick: PropTypes.func.isRequired,
|
|
51
|
-
|
|
51
|
+
readOnly: PropTypes.bool
|
|
52
52
|
}).isRequired),
|
|
53
53
|
button: PropTypes.shape({
|
|
54
54
|
label: PropTypes.string.isRequired,
|
|
@@ -59,7 +59,7 @@ const translationPropTypes = PropTypes.shape({
|
|
|
59
59
|
title: PropTypes.string,
|
|
60
60
|
description: PropTypes.string
|
|
61
61
|
}),
|
|
62
|
-
|
|
62
|
+
readOnly: PropTypes.bool
|
|
63
63
|
});
|
|
64
64
|
const contentPropTypes = PropTypes.shape({
|
|
65
65
|
title: PropTypes.string.isRequired,
|
|
@@ -110,7 +110,7 @@ const contentPropTypes = PropTypes.shape({
|
|
|
110
110
|
checked: PropTypes.bool,
|
|
111
111
|
onChange: PropTypes.func
|
|
112
112
|
}),
|
|
113
|
-
|
|
113
|
+
readOnly: PropTypes.bool
|
|
114
114
|
});
|
|
115
115
|
const SkillEditionPropTypes = {
|
|
116
116
|
skillInformations: PropTypes.shape({
|
|
@@ -120,7 +120,7 @@ const SkillEditionPropTypes = {
|
|
|
120
120
|
translations: translationPropTypes.isRequired,
|
|
121
121
|
content: contentPropTypes.isRequired,
|
|
122
122
|
isFetching: PropTypes.bool,
|
|
123
|
-
|
|
123
|
+
readOnly: PropTypes.bool
|
|
124
124
|
};
|
|
125
125
|
export default SkillEditionPropTypes;
|
|
126
126
|
export const themeStyle = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","names":["PropTypes","InputText","InputTextarea","IconPreview","SelectOptionPropTypes","FormPropTypes","title","string","subtitle","select","shape","field","options","arrayOf","onChange","func","inputText","propTypes","inputTextArea","IconEditorPropTypes","isRequired","iconPreview","buttonLink","label","ariaLabel","onClick","translationPropTypes","localesOptions","ref","items","objectOf","onEditClick","onDeleteClick","readonly","bool","button","disabled","emptyResult","description","contentPropTypes","list","image","tags","iconName","checkbox","checked","deleteButton","search","value","placeholder","isFetching","actionButtons","object","checkboxWithTitle","SkillEditionPropTypes","skillInformations","form","iconEditor","translations","content","themeStyle","setup","coorpmanager","cockpit","default"],"sources":["../../../src/organism/skill-edition/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport InputText from '../../atom/input-text';\nimport InputTextarea from '../../atom/input-textarea';\nimport IconPreview from '../../molecule/icon-preview';\nimport {SelectOptionPropTypes} from '../../atom/select';\nimport {IconPreviewProps} from '../../molecule/icon-preview/types';\nimport {ButtonLinkProps} from '../../atom/button-link/types';\n\nconst FormPropTypes = {\n title: PropTypes.string,\n subtitle: PropTypes.string,\n select: PropTypes.shape({\n title: PropTypes.string,\n subtitle: PropTypes.string,\n 'data-name': PropTypes.string,\n field: PropTypes.shape({\n options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes)),\n 'aria-label': PropTypes.string,\n onChange: PropTypes.func\n })\n }),\n inputText: PropTypes.shape({\n title: PropTypes.string,\n field: PropTypes.shape(InputText.propTypes)\n }),\n inputTextArea: PropTypes.shape({\n title: PropTypes.string,\n field: PropTypes.shape(InputTextarea.propTypes)\n })\n};\n\nconst IconEditorPropTypes = {\n title: PropTypes.string.isRequired,\n iconPreview: PropTypes.shape(IconPreview.propTypes).isRequired,\n inputText: PropTypes.shape(InputText.propTypes).isRequired,\n buttonLink: PropTypes.shape({\n label: PropTypes.string,\n ariaLabel: PropTypes.string,\n 'data-name': PropTypes.string,\n onClick: PropTypes.func\n })\n};\n\nconst translationPropTypes = PropTypes.shape({\n title: PropTypes.string.isRequired,\n subtitle: PropTypes.string.isRequired,\n localesOptions: PropTypes.arrayOf(\n PropTypes.shape({\n label: PropTypes.string.isRequired,\n ref: PropTypes.string.isRequired,\n onClick: PropTypes.func.isRequired\n })\n ).isRequired,\n items: PropTypes.objectOf(\n PropTypes.shape({\n title: PropTypes.string.isRequired,\n onEditClick: PropTypes.func.isRequired,\n onDeleteClick: PropTypes.func.isRequired,\n readonly: PropTypes.bool\n }).isRequired\n ),\n button: PropTypes.shape({\n label: PropTypes.string.isRequired,\n onClick: PropTypes.func,\n disabled: PropTypes.bool\n }).isRequired,\n emptyResult: PropTypes.shape({\n title: PropTypes.string,\n description: PropTypes.string\n }),\n readonly: PropTypes.bool\n});\n\nconst contentPropTypes = PropTypes.shape({\n title: PropTypes.string.isRequired,\n subtitle: PropTypes.string.isRequired,\n button: PropTypes.shape({\n label: PropTypes.string.isRequired,\n onClick: PropTypes.func.isRequired\n }).isRequired,\n list: PropTypes.shape({\n title: PropTypes.string,\n items: PropTypes.arrayOf(\n PropTypes.shape({\n ref: PropTypes.string.isRequired,\n title: PropTypes.string.isRequired,\n subtitle: PropTypes.string.isRequired,\n image: PropTypes.string.isRequired,\n tags: PropTypes.shape({\n label: PropTypes.string.isRequired,\n iconName: PropTypes.string.isRequired\n }).isRequired,\n checkbox: PropTypes.shape({\n checked: PropTypes.bool.isRequired,\n onChange: PropTypes.func.isRequired\n }).isRequired,\n deleteButton: PropTypes.shape({\n label: PropTypes.string,\n onClick: PropTypes.func\n })\n }).isRequired\n ),\n search: PropTypes.shape({\n value: PropTypes.string.isRequired,\n placeholder: PropTypes.string.isRequired,\n onChange: PropTypes.func.isRequired\n }).isRequired,\n emptyResult: PropTypes.shape({\n title: PropTypes.string.isRequired,\n description: PropTypes.string.isRequired\n }),\n checkbox: PropTypes.shape({\n title: PropTypes.string.isRequired,\n checked: PropTypes.bool.isRequired,\n onChange: PropTypes.func.isRequired\n })\n }).isRequired,\n isFetching: PropTypes.bool,\n actionButtons: PropTypes.arrayOf(PropTypes.object),\n checkboxWithTitle: PropTypes.shape({\n title: PropTypes.string,\n checked: PropTypes.bool,\n onChange: PropTypes.func\n }),\n readonly: PropTypes.bool\n});\n\nconst SkillEditionPropTypes = {\n skillInformations: PropTypes.shape({\n form: PropTypes.shape(FormPropTypes).isRequired,\n iconEditor: PropTypes.shape(IconEditorPropTypes).isRequired\n }).isRequired,\n translations: translationPropTypes.isRequired,\n content: contentPropTypes.isRequired,\n isFetching: PropTypes.bool,\n readonly: PropTypes.bool\n};\n\nexport default SkillEditionPropTypes;\n\nexport type SelectOption = {\n name: string;\n value?: string | number;\n selected?: boolean;\n validOption?: boolean;\n};\n\nexport type FieldSelectProps = {\n options: SelectOption[];\n 'aria-label': string;\n onChange: () => void;\n};\n\ntype FormProps = {\n title: string;\n subtitle: string;\n select: {\n title: string;\n subtitle: string;\n 'data-name': string;\n field: FieldSelectProps;\n };\n inputText: {\n title: string;\n field: InputTextProps;\n };\n inputTextArea: {\n title: string;\n field: InputTextareaProps;\n };\n};\n\ntype IconEditorProps = {\n title: string;\n iconPreview: IconPreviewProps;\n inputText: InputTextProps;\n buttonLink?: {label: string; ariaLabel: string; onClick: () => void};\n};\n\nexport type SkillInformationsProps = {\n form: FormProps;\n iconEditor: IconEditorProps;\n};\n\nexport const themeStyle = {\n setup: 'setup',\n coorpmanager: 'coorpmanager',\n cockpit: 'cockpit',\n default: 'defaultStyle'\n};\n\nexport type TranslationPropsType = {\n title: string;\n subtitle: string;\n localesOptions: {\n label: string;\n ref: string;\n onClick: () => void;\n }[];\n items?: {\n [ref: string]: {\n title: string;\n onEditClick: () => void;\n onDeleteClick: () => void;\n readonly?: boolean;\n };\n };\n button: {\n label: string;\n onClick?: () => void;\n disabled?: boolean;\n };\n emptyResult?: {\n title: string;\n description: string;\n };\n readonly?: boolean;\n};\n\nexport type ContentListItemType = {\n ref: string;\n title: string;\n subtitle: string;\n image: string;\n tags: {\n label: string;\n iconName: string;\n };\n checkbox: {\n checked: boolean;\n onChange: (value: boolean) => void;\n };\n deleteButton?: ButtonLinkProps;\n};\n\nexport type CheckboxWithTitleProps = {\n title?: string;\n checked?: boolean;\n onChange?: (value: boolean) => void;\n};\n\nexport type ContentPropsType = {\n title: string;\n subtitle: string;\n button: {\n label: string;\n onClick: () => void;\n };\n list: {\n title?: string;\n items?: ContentListItemType[];\n search: {\n value: string;\n placeholder: string;\n onChange: (value: string) => void;\n };\n emptyResult?: {\n title: string;\n description: string;\n };\n checkbox?: {\n title: string;\n checked: boolean;\n onChange: (value: boolean) => void;\n };\n };\n actionButtons?: ButtonLinkProps[];\n checkboxWithTitle?: CheckboxWithTitleProps;\n isFetching?: boolean;\n readonly?: boolean;\n};\n\nexport type SkillEditionPropsType = {\n skillInformations: SkillInformationsProps;\n translations: TranslationPropsType;\n content: ContentPropsType;\n isFetching?: boolean;\n readonly?: boolean;\n};\n\nexport type InputTextProps = {\n autoFocus?: boolean;\n title?: string;\n placeholder?: string;\n defaultValue?: string;\n theme?: keyof typeof themeStyle;\n disabled?: boolean;\n value?: string;\n hint?: string;\n error?: string;\n onChange?: (value: string) => void;\n description?: string;\n modified?: boolean;\n type?: string;\n valid?: boolean;\n 'aria-label'?: string;\n 'data-name'?: string;\n inputColor?: boolean;\n};\n\nexport type InputTextareaProps = {\n placeholder?: string;\n title?: string;\n name?: string;\n theme?: keyof typeof themeStyle;\n disabled?: boolean;\n readOnly?: boolean;\n value?: string;\n hint?: string;\n error?: string;\n onChange?: (value: string) => void;\n description?: string;\n modified?: boolean;\n valid?: boolean;\n};\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"types.js","names":["PropTypes","InputText","InputTextarea","IconPreview","SelectOptionPropTypes","FormPropTypes","title","string","subtitle","select","shape","field","options","arrayOf","onChange","func","inputText","propTypes","inputTextArea","IconEditorPropTypes","isRequired","iconPreview","buttonLink","label","ariaLabel","onClick","translationPropTypes","localesOptions","ref","items","objectOf","onEditClick","onDeleteClick","readOnly","bool","button","disabled","emptyResult","description","contentPropTypes","list","image","tags","iconName","checkbox","checked","deleteButton","search","value","placeholder","isFetching","actionButtons","object","checkboxWithTitle","SkillEditionPropTypes","skillInformations","form","iconEditor","translations","content","themeStyle","setup","coorpmanager","cockpit","default"],"sources":["../../../src/organism/skill-edition/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport InputText from '../../atom/input-text';\nimport InputTextarea from '../../atom/input-textarea';\nimport IconPreview from '../../molecule/icon-preview';\nimport {SelectOptionPropTypes} from '../../atom/select';\nimport {IconPreviewProps} from '../../molecule/icon-preview/types';\nimport {ButtonLinkProps} from '../../atom/button-link/types';\n\nconst FormPropTypes = {\n title: PropTypes.string,\n subtitle: PropTypes.string,\n select: PropTypes.shape({\n title: PropTypes.string,\n subtitle: PropTypes.string,\n 'data-name': PropTypes.string,\n field: PropTypes.shape({\n options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes)),\n 'aria-label': PropTypes.string,\n onChange: PropTypes.func\n })\n }),\n inputText: PropTypes.shape({\n title: PropTypes.string,\n field: PropTypes.shape(InputText.propTypes)\n }),\n inputTextArea: PropTypes.shape({\n title: PropTypes.string,\n field: PropTypes.shape(InputTextarea.propTypes)\n })\n};\n\nconst IconEditorPropTypes = {\n title: PropTypes.string.isRequired,\n iconPreview: PropTypes.shape(IconPreview.propTypes).isRequired,\n inputText: PropTypes.shape(InputText.propTypes).isRequired,\n buttonLink: PropTypes.shape({\n label: PropTypes.string,\n ariaLabel: PropTypes.string,\n 'data-name': PropTypes.string,\n onClick: PropTypes.func\n })\n};\n\nconst translationPropTypes = PropTypes.shape({\n title: PropTypes.string.isRequired,\n subtitle: PropTypes.string.isRequired,\n localesOptions: PropTypes.arrayOf(\n PropTypes.shape({\n label: PropTypes.string.isRequired,\n ref: PropTypes.string.isRequired,\n onClick: PropTypes.func.isRequired\n })\n ).isRequired,\n items: PropTypes.objectOf(\n PropTypes.shape({\n title: PropTypes.string.isRequired,\n onEditClick: PropTypes.func.isRequired,\n onDeleteClick: PropTypes.func.isRequired,\n readOnly: PropTypes.bool\n }).isRequired\n ),\n button: PropTypes.shape({\n label: PropTypes.string.isRequired,\n onClick: PropTypes.func,\n disabled: PropTypes.bool\n }).isRequired,\n emptyResult: PropTypes.shape({\n title: PropTypes.string,\n description: PropTypes.string\n }),\n readOnly: PropTypes.bool\n});\n\nconst contentPropTypes = PropTypes.shape({\n title: PropTypes.string.isRequired,\n subtitle: PropTypes.string.isRequired,\n button: PropTypes.shape({\n label: PropTypes.string.isRequired,\n onClick: PropTypes.func.isRequired\n }).isRequired,\n list: PropTypes.shape({\n title: PropTypes.string,\n items: PropTypes.arrayOf(\n PropTypes.shape({\n ref: PropTypes.string.isRequired,\n title: PropTypes.string.isRequired,\n subtitle: PropTypes.string.isRequired,\n image: PropTypes.string.isRequired,\n tags: PropTypes.shape({\n label: PropTypes.string.isRequired,\n iconName: PropTypes.string.isRequired\n }).isRequired,\n checkbox: PropTypes.shape({\n checked: PropTypes.bool.isRequired,\n onChange: PropTypes.func.isRequired\n }).isRequired,\n deleteButton: PropTypes.shape({\n label: PropTypes.string,\n onClick: PropTypes.func\n })\n }).isRequired\n ),\n search: PropTypes.shape({\n value: PropTypes.string.isRequired,\n placeholder: PropTypes.string.isRequired,\n onChange: PropTypes.func.isRequired\n }).isRequired,\n emptyResult: PropTypes.shape({\n title: PropTypes.string.isRequired,\n description: PropTypes.string.isRequired\n }),\n checkbox: PropTypes.shape({\n title: PropTypes.string.isRequired,\n checked: PropTypes.bool.isRequired,\n onChange: PropTypes.func.isRequired\n })\n }).isRequired,\n isFetching: PropTypes.bool,\n actionButtons: PropTypes.arrayOf(PropTypes.object),\n checkboxWithTitle: PropTypes.shape({\n title: PropTypes.string,\n checked: PropTypes.bool,\n onChange: PropTypes.func\n }),\n readOnly: PropTypes.bool\n});\n\nconst SkillEditionPropTypes = {\n skillInformations: PropTypes.shape({\n form: PropTypes.shape(FormPropTypes).isRequired,\n iconEditor: PropTypes.shape(IconEditorPropTypes).isRequired\n }).isRequired,\n translations: translationPropTypes.isRequired,\n content: contentPropTypes.isRequired,\n isFetching: PropTypes.bool,\n readOnly: PropTypes.bool\n};\n\nexport default SkillEditionPropTypes;\n\nexport type SelectOption = {\n name: string;\n value?: string | number;\n selected?: boolean;\n validOption?: boolean;\n};\n\nexport type FieldSelectProps = {\n options: SelectOption[];\n 'aria-label': string;\n onChange: () => void;\n};\n\ntype FormProps = {\n title: string;\n subtitle: string;\n select: {\n title: string;\n subtitle: string;\n 'data-name': string;\n field: FieldSelectProps;\n };\n inputText: {\n title: string;\n field: InputTextProps;\n };\n inputTextArea: {\n title: string;\n field: InputTextareaProps;\n };\n};\n\ntype IconEditorProps = {\n title: string;\n iconPreview: IconPreviewProps;\n inputText: InputTextProps;\n buttonLink?: {label: string; ariaLabel: string; onClick: () => void};\n};\n\nexport type SkillInformationsProps = {\n form: FormProps;\n iconEditor: IconEditorProps;\n};\n\nexport const themeStyle = {\n setup: 'setup',\n coorpmanager: 'coorpmanager',\n cockpit: 'cockpit',\n default: 'defaultStyle'\n};\n\nexport type TranslationPropsType = {\n title: string;\n subtitle: string;\n localesOptions: {\n label: string;\n ref: string;\n onClick: () => void;\n }[];\n items?: {\n [ref: string]: {\n title: string;\n onEditClick: () => void;\n onDeleteClick: () => void;\n readOnly?: boolean;\n };\n };\n button: {\n label: string;\n onClick?: () => void;\n disabled?: boolean;\n };\n emptyResult?: {\n title: string;\n description: string;\n };\n readOnly?: boolean;\n};\n\nexport type ContentListItemType = {\n ref: string;\n title: string;\n subtitle: string;\n image: string;\n tags: {\n label: string;\n iconName: string;\n };\n checkbox: {\n checked: boolean;\n onChange: (value: boolean) => void;\n };\n deleteButton?: ButtonLinkProps;\n};\n\nexport type CheckboxWithTitleProps = {\n title?: string;\n checked?: boolean;\n onChange?: (value: boolean) => void;\n};\n\nexport type ContentPropsType = {\n title: string;\n subtitle: string;\n button: {\n label: string;\n onClick: () => void;\n };\n list: {\n title?: string;\n items?: ContentListItemType[];\n search: {\n value: string;\n placeholder: string;\n onChange: (value: string) => void;\n };\n emptyResult?: {\n title: string;\n description: string;\n };\n checkbox?: {\n title: string;\n checked: boolean;\n onChange: (value: boolean) => void;\n };\n };\n actionButtons?: ButtonLinkProps[];\n checkboxWithTitle?: CheckboxWithTitleProps;\n isFetching?: boolean;\n readOnly?: boolean;\n};\n\nexport type SkillEditionPropsType = {\n skillInformations: SkillInformationsProps;\n translations: TranslationPropsType;\n content: ContentPropsType;\n isFetching?: boolean;\n readOnly?: boolean;\n};\n\nexport type InputTextProps = {\n autoFocus?: boolean;\n title?: string;\n placeholder?: string;\n defaultValue?: string;\n theme?: keyof typeof themeStyle;\n disabled?: boolean;\n value?: string;\n hint?: string;\n error?: string;\n onChange?: (value: string) => void;\n description?: string;\n modified?: boolean;\n type?: string;\n valid?: boolean;\n 'aria-label'?: string;\n 'data-name'?: string;\n inputColor?: boolean;\n};\n\nexport type InputTextareaProps = {\n placeholder?: string;\n title?: string;\n name?: string;\n theme?: keyof typeof themeStyle;\n disabled?: boolean;\n readOnly?: boolean;\n value?: string;\n hint?: string;\n error?: string;\n onChange?: (value: string) => void;\n description?: string;\n modified?: boolean;\n valid?: boolean;\n};\n"],"mappings":"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","ignoreList":[]}
|