@coorpacademy/components 11.2.9 → 11.2.10
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/clue/index.d.ts +1 -1
- package/es/atom/promo-code/index.d.ts +1 -1
- package/es/atom/provider/index.d.ts +1 -1
- package/es/atom/provider/index.js +1 -1
- package/es/atom/provider/index.js.map +1 -1
- package/es/atom/select/index.d.ts +16 -17
- package/es/atom/select/index.d.ts.map +1 -1
- package/es/atom/select/index.js +7 -6
- package/es/atom/select/index.js.map +1 -1
- package/es/atom/tab-content/index.d.ts +1 -1
- package/es/molecule/answer/index.d.ts.map +1 -1
- package/es/molecule/answer/index.js +9 -1
- package/es/molecule/answer/index.js.map +1 -1
- package/es/molecule/battle-request/index.d.ts +1 -1
- package/es/molecule/brand-create-form/index.d.ts +1 -1
- package/es/molecule/brand-form-group/index.d.ts +2 -2
- package/es/molecule/card-with-button/index.d.ts +1 -1
- package/es/molecule/cookie-banner/index.d.ts +1 -1
- package/es/molecule/dashboard/cards-list/index.d.ts +1 -1
- package/es/molecule/discipline-partners/index.d.ts +1 -1
- package/es/molecule/external-content-button/index.d.ts +1 -1
- package/es/molecule/filters/index.d.ts +1 -1
- package/es/molecule/forum/forum-comment/index.d.ts +1 -1
- package/es/molecule/forum/forum-post/index.d.ts +1 -1
- package/es/molecule/payment-form/index.d.ts +1 -1
- package/es/molecule/pdf/index.d.ts +1 -1
- package/es/molecule/product-card/index.d.ts +1 -1
- package/es/molecule/questions/drop-down/index.d.ts +6 -5
- package/es/molecule/questions/drop-down/index.js +5 -2
- package/es/molecule/questions/drop-down/index.js.map +1 -1
- package/es/molecule/questions/template/index.d.ts +3 -1
- package/es/molecule/scope-content/index.d.ts +1 -1
- package/es/molecule/setup-section/index.d.ts +1 -1
- package/es/molecule/setup-slide/index.d.ts +1 -1
- package/es/molecule/setup-slider/index.d.ts +1 -1
- package/es/molecule/subscription-freemium/index.d.ts +1 -1
- package/es/molecule/subscription-premium/index.d.ts +1 -1
- package/es/molecule/table/index.d.ts +1 -1
- package/es/molecule/unsubscribe/index.d.ts +1 -1
- package/es/organism/brand-analytics/index.d.ts +1 -1
- package/es/organism/brand-form/index.d.ts +2 -2
- package/es/organism/cart/index.d.ts +1 -1
- package/es/organism/mooc-header/index.d.ts +1 -1
- package/es/organism/mooc-header/index.js +1 -1
- package/es/organism/mooc-header/index.js.map +1 -1
- package/es/organism/settings/index.d.ts +1 -1
- package/es/organism/wizard-contents/index.d.ts +2 -2
- package/es/template/app-player/player/slides/index.d.ts +2 -2
- package/es/template/app-player/player/slides/index.js +1 -1
- package/es/template/app-player/player/slides/index.js.map +1 -1
- package/es/template/app-review/template-context.d.ts +1 -0
- package/es/template/app-review/template-context.d.ts.map +1 -1
- package/es/template/app-review/template-context.js +2 -1
- package/es/template/app-review/template-context.js.map +1 -1
- package/es/template/back-office/brand-update/index.d.ts +4 -4
- package/es/template/battle-requests/index.d.ts +1 -1
- package/es/template/common/authors/index.d.ts +1 -1
- package/es/template/common/search-page/index.d.ts +1 -1
- package/es/util/render-with-context.d.ts +1 -4
- package/es/util/render-with-context.d.ts.map +1 -1
- package/es/util/render-with-context.js +6 -6
- package/es/util/render-with-context.js.map +1 -1
- package/lib/atom/clue/index.d.ts +1 -1
- package/lib/atom/promo-code/index.d.ts +1 -1
- package/lib/atom/provider/index.d.ts +1 -1
- package/lib/atom/provider/index.js +1 -1
- package/lib/atom/provider/index.js.map +1 -1
- package/lib/atom/select/index.d.ts +16 -17
- package/lib/atom/select/index.d.ts.map +1 -1
- package/lib/atom/select/index.js +7 -6
- package/lib/atom/select/index.js.map +1 -1
- package/lib/atom/tab-content/index.d.ts +1 -1
- package/lib/molecule/answer/index.d.ts.map +1 -1
- package/lib/molecule/answer/index.js +10 -1
- package/lib/molecule/answer/index.js.map +1 -1
- package/lib/molecule/battle-request/index.d.ts +1 -1
- package/lib/molecule/brand-create-form/index.d.ts +1 -1
- package/lib/molecule/brand-form-group/index.d.ts +2 -2
- package/lib/molecule/card-with-button/index.d.ts +1 -1
- package/lib/molecule/cookie-banner/index.d.ts +1 -1
- package/lib/molecule/dashboard/cards-list/index.d.ts +1 -1
- package/lib/molecule/discipline-partners/index.d.ts +1 -1
- package/lib/molecule/external-content-button/index.d.ts +1 -1
- package/lib/molecule/filters/index.d.ts +1 -1
- package/lib/molecule/forum/forum-comment/index.d.ts +1 -1
- package/lib/molecule/forum/forum-post/index.d.ts +1 -1
- package/lib/molecule/payment-form/index.d.ts +1 -1
- package/lib/molecule/pdf/index.d.ts +1 -1
- package/lib/molecule/product-card/index.d.ts +1 -1
- package/lib/molecule/questions/drop-down/index.d.ts +6 -5
- package/lib/molecule/questions/drop-down/index.js +5 -2
- package/lib/molecule/questions/drop-down/index.js.map +1 -1
- package/lib/molecule/questions/template/index.d.ts +3 -1
- package/lib/molecule/scope-content/index.d.ts +1 -1
- package/lib/molecule/setup-section/index.d.ts +1 -1
- package/lib/molecule/setup-slide/index.d.ts +1 -1
- package/lib/molecule/setup-slider/index.d.ts +1 -1
- package/lib/molecule/subscription-freemium/index.d.ts +1 -1
- package/lib/molecule/subscription-premium/index.d.ts +1 -1
- package/lib/molecule/table/index.d.ts +1 -1
- package/lib/molecule/unsubscribe/index.d.ts +1 -1
- package/lib/organism/brand-analytics/index.d.ts +1 -1
- package/lib/organism/brand-form/index.d.ts +2 -2
- package/lib/organism/cart/index.d.ts +1 -1
- package/lib/organism/mooc-header/index.d.ts +1 -1
- package/lib/organism/mooc-header/index.js +1 -1
- package/lib/organism/mooc-header/index.js.map +1 -1
- package/lib/organism/settings/index.d.ts +1 -1
- package/lib/organism/wizard-contents/index.d.ts +2 -2
- package/lib/template/app-player/player/slides/index.d.ts +2 -2
- package/lib/template/app-player/player/slides/index.js +1 -1
- package/lib/template/app-player/player/slides/index.js.map +1 -1
- package/lib/template/app-review/template-context.d.ts +1 -0
- package/lib/template/app-review/template-context.d.ts.map +1 -1
- package/lib/template/app-review/template-context.js +2 -1
- package/lib/template/app-review/template-context.js.map +1 -1
- package/lib/template/back-office/brand-update/index.d.ts +4 -4
- package/lib/template/battle-requests/index.d.ts +1 -1
- package/lib/template/common/authors/index.d.ts +1 -1
- package/lib/template/common/search-page/index.d.ts +1 -1
- package/lib/util/render-with-context.d.ts +1 -4
- package/lib/util/render-with-context.d.ts.map +1 -1
- package/lib/util/render-with-context.js +6 -6
- package/lib/util/render-with-context.js.map +1 -1
- package/locales/en/global.json +1 -0
- package/package.json +2 -2
- package/locales/.mtslconfig.json +0 -1
package/es/atom/clue/index.d.ts
CHANGED
|
@@ -27,7 +27,7 @@ declare class Clue extends React.Component<any, any, any> {
|
|
|
27
27
|
[x: string]: any;
|
|
28
28
|
}>;
|
|
29
29
|
}>>;
|
|
30
|
-
translate: PropTypes.
|
|
30
|
+
translate: PropTypes.Requireable<(...args: any[]) => any>;
|
|
31
31
|
};
|
|
32
32
|
static getDerivedStateFromProps(props: any): {
|
|
33
33
|
isLoading: false;
|
|
@@ -2,7 +2,7 @@ export default PromoCode;
|
|
|
2
2
|
declare function PromoCode(props: any, context: any): JSX.Element;
|
|
3
3
|
declare namespace PromoCode {
|
|
4
4
|
namespace contextTypes {
|
|
5
|
-
const translate: PropTypes.
|
|
5
|
+
const translate: PropTypes.Requireable<(...args: any[]) => any>;
|
|
6
6
|
}
|
|
7
7
|
namespace propTypes {
|
|
8
8
|
const promoCodeDescription: PropTypes.Requireable<string>;
|
|
@@ -61,7 +61,7 @@ declare class Provider extends React.Component<any, any, any> {
|
|
|
61
61
|
[x: string]: any;
|
|
62
62
|
}>;
|
|
63
63
|
}>>;
|
|
64
|
-
translate: PropTypes.
|
|
64
|
+
translate: PropTypes.Requireable<(...args: any[]) => any>;
|
|
65
65
|
Vimeo: PropTypes.Requireable<object>;
|
|
66
66
|
};
|
|
67
67
|
static getDerivedStateFromProps(props: any): {
|
|
@@ -100,7 +100,7 @@ class Provider extends React.Component {
|
|
|
100
100
|
Provider.childContextTypes = {
|
|
101
101
|
history: historyShape,
|
|
102
102
|
skin: skinShape,
|
|
103
|
-
translate: translateShape
|
|
103
|
+
translate: translateShape,
|
|
104
104
|
Vimeo: PropTypes.object
|
|
105
105
|
};
|
|
106
106
|
Provider.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","PropTypes","SrcPropType","ColorPropType","HexPropType","WebContext","useWebContext","DEFAULT_SKIN","common","good","bad","primary","life","brand","primaryAdd1","primaryAdd2","primaryAdd3","primaryAdd4","xtraLightGrey","light","medium","dark","grey","orangeAdd","orange","positive","lightGreen","negative","battle","white","black","mergeSkin","skin","historyShape","shape","createHref","func","push","skinShape","objectOf","images","logo","login","icons","mod","courses","arrayOf","texts","translateShape","Provider","Component","getDerivedStateFromProps","props","history","translate","constructor","context","Vimeo","state","getChildContext","render","children","Children","only","childContextTypes","
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","PropTypes","SrcPropType","ColorPropType","HexPropType","WebContext","useWebContext","DEFAULT_SKIN","common","good","bad","primary","life","brand","primaryAdd1","primaryAdd2","primaryAdd3","primaryAdd4","xtraLightGrey","light","medium","dark","grey","orangeAdd","orange","positive","lightGreen","negative","battle","white","black","mergeSkin","skin","historyShape","shape","createHref","func","push","skinShape","objectOf","images","logo","login","icons","mod","courses","arrayOf","texts","translateShape","Provider","Component","getDerivedStateFromProps","props","history","translate","constructor","context","Vimeo","state","getChildContext","render","children","Children","only","childContextTypes","object","propTypes","node","isRequired","GetSkinFromContext","legacyContext","legacySkin"],"sources":["../../../src/atom/provider/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {defaultsDeep, get, getOr} from 'lodash/fp';\nimport {SrcPropType, ColorPropType, HexPropType} from '../../util/proptypes';\nimport WebContext, {useWebContext} from './web-context';\n\nconst DEFAULT_SKIN = {\n common: {\n good: '#24b694',\n bad: '#ed1c24',\n primary: '#00B0FF',\n life: '#ed1c24',\n brand: '#00B0FF',\n primaryAdd1: '#B3E5FC',\n primaryAdd2: '#0091EA',\n primaryAdd3: '#0277BD',\n primaryAdd4: '#015798',\n xtraLightGrey: '#FAFAFA',\n light: '#ECEFF1',\n medium: '#90A4AE',\n dark: '#546E7A',\n grey: '#607D8B',\n orangeAdd: '#FF7043',\n orange: '#FFA000',\n positive: '#3EC483',\n lightGreen: '#66BB6A',\n negative: '#F73F52',\n battle: '#FFE100',\n white: '#FFFFFF',\n black: '#14171A'\n }\n};\n\nconst mergeSkin = (skin = {}) => defaultsDeep(DEFAULT_SKIN, skin);\n\nconst historyShape = PropTypes.shape({\n createHref: PropTypes.func,\n push: PropTypes.func\n});\n\nconst skinShape = PropTypes.shape({\n common: PropTypes.objectOf(ColorPropType),\n images: PropTypes.shape({\n 'logo-mobile': SrcPropType,\n logo: SrcPropType,\n 'logo-email': SrcPropType,\n login: SrcPropType\n }),\n icons: PropTypes.objectOf(HexPropType),\n mod: PropTypes.objectOf(ColorPropType),\n courses: PropTypes.arrayOf(ColorPropType),\n texts: PropTypes.objectOf(ColorPropType)\n});\n\nconst translateShape = PropTypes.func;\n\nclass Provider extends React.Component {\n static propTypes = {\n history: historyShape,\n skin: skinShape,\n translate: translateShape,\n children: PropTypes.node.isRequired,\n Vimeo: PropTypes.shape({\n common: PropTypes.func\n })\n };\n\n static childContextTypes = {\n history: historyShape,\n skin: skinShape,\n translate: translateShape,\n Vimeo: PropTypes.object\n };\n\n static getDerivedStateFromProps(props) {\n const {history, skin, translate} = props;\n\n return {\n history,\n skin: mergeSkin(skin),\n translate\n };\n }\n\n constructor(props, context) {\n super(props, context);\n const {history, skin, translate, Vimeo} = props;\n // eslint-disable-next-line react/no-unused-state\n this.state = {history, skin: mergeSkin(skin), translate, Vimeo};\n }\n\n getChildContext() {\n return this.state;\n }\n\n render() {\n const {children} = this.props;\n return React.Children.only(children);\n }\n}\n\nconst GetSkinFromContext = legacyContext => {\n const context = useWebContext();\n const legacySkin = get('skin', legacyContext);\n const skin = getOr(legacySkin, 'skin', context);\n\n return skin;\n};\n\nexport {WebContext, useWebContext, GetSkinFromContext};\nexport default Provider;\n"],"mappings":"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"}
|
|
@@ -31,27 +31,26 @@ declare namespace Select {
|
|
|
31
31
|
}>;
|
|
32
32
|
}>>;
|
|
33
33
|
}
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
export const theme: PropTypes.Requireable<string>;
|
|
47
|
-
export const options: PropTypes.Requireable<(PropTypes.InferProps<{
|
|
34
|
+
const propTypes: {
|
|
35
|
+
title: PropTypes.Requireable<string>;
|
|
36
|
+
name: PropTypes.Requireable<string>;
|
|
37
|
+
className: PropTypes.Requireable<string>;
|
|
38
|
+
borderClassName: PropTypes.Requireable<string>;
|
|
39
|
+
disabled: PropTypes.Requireable<boolean>;
|
|
40
|
+
multiple: PropTypes.Requireable<boolean>;
|
|
41
|
+
description: PropTypes.Requireable<string>;
|
|
42
|
+
required: PropTypes.Requireable<boolean>;
|
|
43
|
+
onChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
44
|
+
theme: PropTypes.Requireable<string>;
|
|
45
|
+
options: PropTypes.Requireable<(PropTypes.InferProps<{
|
|
48
46
|
name: PropTypes.Validator<string>;
|
|
49
47
|
value: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
|
|
50
48
|
selected: PropTypes.Requireable<boolean>;
|
|
51
49
|
validOption: PropTypes.Requireable<boolean>;
|
|
52
50
|
}> | null | undefined)[]>;
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
51
|
+
modified: PropTypes.Requireable<boolean>;
|
|
52
|
+
error: PropTypes.Requireable<boolean>;
|
|
53
|
+
'aria-label': PropTypes.Requireable<string>;
|
|
54
|
+
};
|
|
56
55
|
}
|
|
57
56
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/select/index.js"],"names":[],"mappings":";;;;;;;;AA6BA,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/select/index.js"],"names":[],"mappings":";;;;;;;;AA6BA,qEA6JC"}
|
package/es/atom/select/index.js
CHANGED
|
@@ -43,7 +43,7 @@ const Select = (props, legacyContext) => {
|
|
|
43
43
|
modified = false,
|
|
44
44
|
error = false,
|
|
45
45
|
title: propTitle,
|
|
46
|
-
|
|
46
|
+
'aria-label': ariaLabel
|
|
47
47
|
} = props;
|
|
48
48
|
const skin = GetSkinFromContext(legacyContext);
|
|
49
49
|
const title = useMemo(() => propTitle ? `${propTitle}${required ? '*' : ''}` : null, [propTitle, required]);
|
|
@@ -83,10 +83,11 @@ const Select = (props, legacyContext) => {
|
|
|
83
83
|
const arrowView = !multiple ? /*#__PURE__*/React.createElement(ArrowDown, {
|
|
84
84
|
color: includes(theme, ['question', 'template', 'player']) ? arrowColor : black,
|
|
85
85
|
className: shouldUseSkinFontColor ? style.selectedArrow : style.arrow,
|
|
86
|
-
"aria-label":
|
|
86
|
+
"aria-label": ariaLabel,
|
|
87
|
+
"data-testid": "select-arrow-down-icon"
|
|
87
88
|
}) : null;
|
|
88
|
-
const
|
|
89
|
-
const composedClassName = useMemo(() => classnames(theme && theme !== 'coorpmanager' ? themeStyle[theme] :
|
|
89
|
+
const behaviorClassName = useMemo(() => getClassState(style.default, style.modified, style.error, modified, error), [error, modified]);
|
|
90
|
+
const composedClassName = useMemo(() => classnames(theme && theme !== 'coorpmanager' ? themeStyle[theme] : behaviorClassName, selected ? style.selected : style.unselected, className), [behaviorClassName, className, selected, theme]);
|
|
90
91
|
const labelSize = useMemo(() => size(selectedLabel), [selectedLabel]);
|
|
91
92
|
const isLongLabel = useMemo(() => labelSize >= 65, [labelSize]);
|
|
92
93
|
return /*#__PURE__*/React.createElement("div", {
|
|
@@ -128,7 +129,6 @@ Select.contextTypes = {
|
|
|
128
129
|
};
|
|
129
130
|
Select.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
130
131
|
title: PropTypes.string,
|
|
131
|
-
moreAriaLabel: PropTypes.string,
|
|
132
132
|
name: PropTypes.string,
|
|
133
133
|
className: PropTypes.string,
|
|
134
134
|
borderClassName: PropTypes.string,
|
|
@@ -140,7 +140,8 @@ Select.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
140
140
|
theme: PropTypes.oneOf(keys(themeStyle)),
|
|
141
141
|
options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes)),
|
|
142
142
|
modified: PropTypes.bool,
|
|
143
|
-
error: PropTypes.bool
|
|
143
|
+
error: PropTypes.bool,
|
|
144
|
+
'aria-label': PropTypes.string
|
|
144
145
|
} : {};
|
|
145
146
|
export default Select;
|
|
146
147
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","classnames","filter","find","get","getOr","includes","keys","map","size","NovaCompositionNavigationArrowDown","ArrowDown","Provider","GetSkinFromContext","getClassState","style","themeStyle","invalid","header","mooc","question","sort","thematiques","player","template","coorpmanager","Select","props","legacyContext","name","options","className","borderClassName","onChange","multiple","disabled","required","description","theme","modified","error","title","propTitle","moreAriaLabel","skin","optionList","option","index","value","selectOption","titleView","selected","selectedLabel","isSelectedInValidOption","validOption","handleChange","e","target","selectedOptions","black","color","shouldUseSkinFontColor","arrowColor","undefined","arrowView","selectedArrow","arrow","behaviourClassName","default","composedClassName","unselected","labelSize","isLongLabel","selectWrapper","selectSpan","noLabelCommon","longLabel","selectBox","SelectOptionPropTypes","string","isRequired","oneOfType","number","bool","contextTypes","childContextTypes","propTypes","func","oneOf","arrayOf","shape"],"sources":["../../../src/atom/select/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport filter from 'lodash/fp/filter';\nimport find from 'lodash/fp/find';\nimport get from 'lodash/fp/get';\nimport getOr from 'lodash/fp/getOr';\nimport includes from 'lodash/fp/includes';\nimport keys from 'lodash/fp/keys';\nimport map from 'lodash/fp/map';\nimport size from 'lodash/fp/size';\nimport {NovaCompositionNavigationArrowDown as ArrowDown} from '@coorpacademy/nova-icons';\nimport Provider, {GetSkinFromContext} from '../provider';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst themeStyle = {\n filter: style.filter,\n invalid: style.invalid,\n header: style.header,\n mooc: style.mooc,\n question: style.question,\n sort: style.sort,\n thematiques: style.thematiques,\n player: style.player,\n template: style.template,\n coorpmanager: null\n};\n\nconst Select = (props, legacyContext) => {\n const {\n name,\n options = [],\n className,\n borderClassName,\n onChange,\n multiple = false,\n disabled,\n required,\n description,\n theme,\n modified = false,\n error = false,\n title: propTitle,\n moreAriaLabel\n } = props;\n\n const skin = GetSkinFromContext(legacyContext);\n const title = useMemo(\n () => (propTitle ? `${propTitle}${required ? '*' : ''}` : null),\n [propTitle, required]\n );\n\n const optionList =\n options &&\n options.map((option, index) => {\n return (\n <option key={index} value={option.value} className={style.selectOption}>\n {option.name}\n </option>\n );\n });\n\n const titleView = title ? <span className={style.title}>{title} </span> : null;\n\n const selected = useMemo(\n () =>\n multiple\n ? map(get('value'), filter({selected: true}, options))\n : get('value', find({selected: true}, options)),\n [multiple, options]\n );\n const selectedLabel = useMemo(\n () =>\n multiple\n ? map(get('name'), filter({selected: true}, options))\n : get('name', find({selected: true}, options)),\n [multiple, options]\n );\n\n const isSelectedInValidOption = useMemo(\n () =>\n theme === 'player' &&\n getOr(false, 'name', find({validOption: false, selected: true}, options)),\n [options, theme]\n );\n\n const handleChange = useMemo(\n () =>\n multiple\n ? e => {\n onChange(map(get('value'), e.target.selectedOptions));\n }\n : e => {\n onChange(e.target.value);\n },\n [onChange, multiple]\n );\n\n const black = useMemo(() => getOr('#14171A', 'common.black', skin), [skin]);\n const color = useMemo(() => getOr('#00B0FF', 'common.primary', skin), [skin]);\n const shouldUseSkinFontColor = useMemo(\n () =>\n !isSelectedInValidOption && selected && includes(theme, ['question', 'template', 'player']),\n [isSelectedInValidOption, selected, theme]\n );\n const arrowColor = selected ? color : undefined;\n\n const arrowView = !multiple ? (\n <ArrowDown\n color={includes(theme, ['question', 'template', 'player']) ? arrowColor : black}\n className={shouldUseSkinFontColor ? style.selectedArrow : style.arrow}\n aria-label={moreAriaLabel}\n />\n ) : null;\n const behaviourClassName = useMemo(\n () => getClassState(style.default, style.modified, style.error, modified, error),\n [error, modified]\n );\n const composedClassName = useMemo(\n () =>\n classnames(\n theme && theme !== 'coorpmanager' ? themeStyle[theme] : behaviourClassName,\n selected ? style.selected : style.unselected,\n className\n ),\n [behaviourClassName, className, selected, theme]\n );\n\n const labelSize = useMemo(() => size(selectedLabel), [selectedLabel]);\n\n const isLongLabel = useMemo(() => labelSize >= 65, [labelSize]);\n\n return (\n <div\n className={classnames(\n composedClassName,\n theme === 'coorpmanager' ? style.coorpmanager : null\n )}\n >\n <label\n data-name=\"select-wrapper\"\n style={{\n ...(shouldUseSkinFontColor && {\n color\n })\n }}\n className={style.selectWrapper}\n >\n {titleView}\n <span\n data-name=\"select-span\"\n className={classnames(\n style.selectSpan,\n includes(theme, ['player', 'invalid', 'question', 'thematiques', 'template'])\n ? style.noLabelCommon\n : null,\n borderClassName,\n isLongLabel ? style.longLabel : null\n )}\n style={{\n ...(shouldUseSkinFontColor && {\n color\n })\n }}\n >\n {selectedLabel}\n </span>\n {arrowView}\n <select\n data-name=\"native-select\"\n className={style.selectBox}\n title={selectedLabel}\n name={name}\n onChange={handleChange}\n value={selected}\n multiple={multiple}\n disabled={disabled}\n >\n {optionList}\n </select>\n </label>\n <div className={style.description}>{description}</div>\n </div>\n );\n};\n\nexport const SelectOptionPropTypes = {\n name: PropTypes.string.isRequired,\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n selected: PropTypes.bool,\n validOption: PropTypes.bool\n};\n\nSelect.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nSelect.propTypes = {\n title: PropTypes.string,\n moreAriaLabel: PropTypes.string,\n name: PropTypes.string,\n className: PropTypes.string,\n borderClassName: PropTypes.string,\n disabled: PropTypes.bool,\n multiple: PropTypes.bool,\n description: PropTypes.string,\n required: PropTypes.bool,\n onChange: PropTypes.func,\n theme: PropTypes.oneOf(keys(themeStyle)),\n options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes)),\n modified: PropTypes.bool,\n error: PropTypes.bool\n};\n\nexport default Select;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","classnames","filter","find","get","getOr","includes","keys","map","size","NovaCompositionNavigationArrowDown","ArrowDown","Provider","GetSkinFromContext","getClassState","style","themeStyle","invalid","header","mooc","question","sort","thematiques","player","template","coorpmanager","Select","props","legacyContext","name","options","className","borderClassName","onChange","multiple","disabled","required","description","theme","modified","error","title","propTitle","ariaLabel","skin","optionList","option","index","value","selectOption","titleView","selected","selectedLabel","isSelectedInValidOption","validOption","handleChange","e","target","selectedOptions","black","color","shouldUseSkinFontColor","arrowColor","undefined","arrowView","selectedArrow","arrow","behaviorClassName","default","composedClassName","unselected","labelSize","isLongLabel","selectWrapper","selectSpan","noLabelCommon","longLabel","selectBox","SelectOptionPropTypes","string","isRequired","oneOfType","number","bool","contextTypes","childContextTypes","propTypes","func","oneOf","arrayOf","shape"],"sources":["../../../src/atom/select/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport filter from 'lodash/fp/filter';\nimport find from 'lodash/fp/find';\nimport get from 'lodash/fp/get';\nimport getOr from 'lodash/fp/getOr';\nimport includes from 'lodash/fp/includes';\nimport keys from 'lodash/fp/keys';\nimport map from 'lodash/fp/map';\nimport size from 'lodash/fp/size';\nimport {NovaCompositionNavigationArrowDown as ArrowDown} from '@coorpacademy/nova-icons';\nimport Provider, {GetSkinFromContext} from '../provider';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst themeStyle = {\n filter: style.filter,\n invalid: style.invalid,\n header: style.header,\n mooc: style.mooc,\n question: style.question,\n sort: style.sort,\n thematiques: style.thematiques,\n player: style.player,\n template: style.template,\n coorpmanager: null\n};\n\nconst Select = (props, legacyContext) => {\n const {\n name,\n options = [],\n className,\n borderClassName,\n onChange,\n multiple = false,\n disabled,\n required,\n description,\n theme,\n modified = false,\n error = false,\n title: propTitle,\n 'aria-label': ariaLabel\n } = props;\n\n const skin = GetSkinFromContext(legacyContext);\n const title = useMemo(\n () => (propTitle ? `${propTitle}${required ? '*' : ''}` : null),\n [propTitle, required]\n );\n\n const optionList =\n options &&\n options.map((option, index) => {\n return (\n <option key={index} value={option.value} className={style.selectOption}>\n {option.name}\n </option>\n );\n });\n\n const titleView = title ? <span className={style.title}>{title} </span> : null;\n\n const selected = useMemo(\n () =>\n multiple\n ? map(get('value'), filter({selected: true}, options))\n : get('value', find({selected: true}, options)),\n [multiple, options]\n );\n const selectedLabel = useMemo(\n () =>\n multiple\n ? map(get('name'), filter({selected: true}, options))\n : get('name', find({selected: true}, options)),\n [multiple, options]\n );\n\n const isSelectedInValidOption = useMemo(\n () =>\n theme === 'player' &&\n getOr(false, 'name', find({validOption: false, selected: true}, options)),\n [options, theme]\n );\n\n const handleChange = useMemo(\n () =>\n multiple\n ? e => {\n onChange(map(get('value'), e.target.selectedOptions));\n }\n : e => {\n onChange(e.target.value);\n },\n [onChange, multiple]\n );\n\n const black = useMemo(() => getOr('#14171A', 'common.black', skin), [skin]);\n const color = useMemo(() => getOr('#00B0FF', 'common.primary', skin), [skin]);\n const shouldUseSkinFontColor = useMemo(\n () =>\n !isSelectedInValidOption && selected && includes(theme, ['question', 'template', 'player']),\n [isSelectedInValidOption, selected, theme]\n );\n const arrowColor = selected ? color : undefined;\n\n const arrowView = !multiple ? (\n <ArrowDown\n color={includes(theme, ['question', 'template', 'player']) ? arrowColor : black}\n className={shouldUseSkinFontColor ? style.selectedArrow : style.arrow}\n aria-label={ariaLabel}\n data-testid=\"select-arrow-down-icon\"\n />\n ) : null;\n const behaviorClassName = useMemo(\n () => getClassState(style.default, style.modified, style.error, modified, error),\n [error, modified]\n );\n const composedClassName = useMemo(\n () =>\n classnames(\n theme && theme !== 'coorpmanager' ? themeStyle[theme] : behaviorClassName,\n selected ? style.selected : style.unselected,\n className\n ),\n [behaviorClassName, className, selected, theme]\n );\n\n const labelSize = useMemo(() => size(selectedLabel), [selectedLabel]);\n\n const isLongLabel = useMemo(() => labelSize >= 65, [labelSize]);\n\n return (\n <div\n className={classnames(\n composedClassName,\n theme === 'coorpmanager' ? style.coorpmanager : null\n )}\n >\n <label\n data-name=\"select-wrapper\"\n style={{\n ...(shouldUseSkinFontColor && {\n color\n })\n }}\n className={style.selectWrapper}\n >\n {titleView}\n <span\n data-name=\"select-span\"\n className={classnames(\n style.selectSpan,\n includes(theme, ['player', 'invalid', 'question', 'thematiques', 'template'])\n ? style.noLabelCommon\n : null,\n borderClassName,\n isLongLabel ? style.longLabel : null\n )}\n style={{\n ...(shouldUseSkinFontColor && {\n color\n })\n }}\n >\n {selectedLabel}\n </span>\n {arrowView}\n <select\n data-name=\"native-select\"\n className={style.selectBox}\n title={selectedLabel}\n name={name}\n onChange={handleChange}\n value={selected}\n multiple={multiple}\n disabled={disabled}\n >\n {optionList}\n </select>\n </label>\n <div className={style.description}>{description}</div>\n </div>\n );\n};\n\nexport const SelectOptionPropTypes = {\n name: PropTypes.string.isRequired,\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n selected: PropTypes.bool,\n validOption: PropTypes.bool\n};\n\nSelect.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nSelect.propTypes = {\n title: PropTypes.string,\n name: PropTypes.string,\n className: PropTypes.string,\n borderClassName: PropTypes.string,\n disabled: PropTypes.bool,\n multiple: PropTypes.bool,\n description: PropTypes.string,\n required: PropTypes.bool,\n onChange: PropTypes.func,\n theme: PropTypes.oneOf(keys(themeStyle)),\n options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes)),\n modified: PropTypes.bool,\n error: PropTypes.bool,\n 'aria-label': PropTypes.string\n};\n\nexport default Select;\n"],"mappings":"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"}
|
|
@@ -2,7 +2,7 @@ export default TabContent;
|
|
|
2
2
|
declare function TabContent(props: any): JSX.Element;
|
|
3
3
|
declare namespace TabContent {
|
|
4
4
|
namespace contextTypes {
|
|
5
|
-
const translate: PropTypes.
|
|
5
|
+
const translate: PropTypes.Requireable<(...args: any[]) => any>;
|
|
6
6
|
}
|
|
7
7
|
namespace propTypes {
|
|
8
8
|
const tabTitle: PropTypes.Requireable<string>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/answer/index.js"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/answer/index.js"],"names":[],"mappings":";AA4EA,iDASC"}
|
|
@@ -14,6 +14,7 @@ import Qcm from '../questions/qcm';
|
|
|
14
14
|
import QcmGraphic from '../questions/qcm-graphic';
|
|
15
15
|
import QuestionRange from '../questions/question-range';
|
|
16
16
|
import Template from '../questions/template';
|
|
17
|
+
import Provider from '../../atom/provider';
|
|
17
18
|
import Audio from '../audio';
|
|
18
19
|
import style from './style.css';
|
|
19
20
|
import propTypes, { MediaViewPropTypes, TYPE_AUDIO, TYPE_IMAGE, TYPE_VIDEO } from './prop-types';
|
|
@@ -63,6 +64,8 @@ MediaView.propTypes = process.env.NODE_ENV !== "production" ? MediaViewPropTypes
|
|
|
63
64
|
const Switch = ({
|
|
64
65
|
model,
|
|
65
66
|
help
|
|
67
|
+
}, {
|
|
68
|
+
translate
|
|
66
69
|
}) => {
|
|
67
70
|
const {
|
|
68
71
|
type
|
|
@@ -84,7 +87,9 @@ const Switch = ({
|
|
|
84
87
|
return /*#__PURE__*/React.createElement(FreeText, model);
|
|
85
88
|
|
|
86
89
|
case 'dropDown':
|
|
87
|
-
return /*#__PURE__*/React.createElement(DropDown, model
|
|
90
|
+
return /*#__PURE__*/React.createElement(DropDown, _extends({}, model, {
|
|
91
|
+
"aria-label": translate('drop_down_icon')
|
|
92
|
+
}));
|
|
88
93
|
|
|
89
94
|
case 'slider':
|
|
90
95
|
return /*#__PURE__*/React.createElement(QuestionRange, model);
|
|
@@ -98,6 +103,9 @@ Switch.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
98
103
|
model: propTypes.model,
|
|
99
104
|
help: propTypes.help
|
|
100
105
|
} : {};
|
|
106
|
+
Switch.contextTypes = {
|
|
107
|
+
translate: Provider.childContextTypes.translate
|
|
108
|
+
};
|
|
101
109
|
|
|
102
110
|
const Answer = props => {
|
|
103
111
|
const {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","VideoPlayer","DropDown","FreeText","QcmDrag","Qcm","QcmGraphic","QuestionRange","Template","Audio","style","propTypes","MediaViewPropTypes","TYPE_AUDIO","TYPE_IMAGE","TYPE_VIDEO","MediaView","media","videoId","type","childProps","backgroundImage","url","video","audio","Switch","model","help","Answer","props","wrapper"],"sources":["../../../src/molecule/answer/index.js"],"sourcesContent":["import React from 'react';\nimport {omit} from 'lodash/fp';\nimport VideoPlayer from '../video-player';\nimport DropDown from '../questions/drop-down';\nimport FreeText from '../questions/free-text';\nimport QcmDrag from '../questions/qcm-drag';\nimport Qcm from '../questions/qcm';\nimport QcmGraphic from '../questions/qcm-graphic';\nimport QuestionRange from '../questions/question-range';\nimport Template from '../questions/template';\nimport Audio from '../audio';\nimport style from './style.css';\nimport propTypes, {MediaViewPropTypes, TYPE_AUDIO, TYPE_IMAGE, TYPE_VIDEO} from './prop-types';\n\nconst MediaView = ({media}) => {\n const {videoId, type, ...childProps} = media;\n switch (type) {\n case TYPE_IMAGE:\n return (\n <div\n className={style.media}\n style={{\n backgroundImage: `url(${media.url})`\n }}\n />\n );\n case TYPE_VIDEO:\n return (\n <div className={style.video}>\n <VideoPlayer {...omit('id', childProps)} id={videoId} height=\"100%\" width=\"100%\" />\n </div>\n );\n case TYPE_AUDIO:\n return (\n <div className={style.audio}>\n <Audio {...omit('id', childProps)} height=\"100%\" width=\"100%\" />\n </div>\n );\n default:\n return null;\n }\n};\n\nMediaView.propTypes = MediaViewPropTypes;\n\nconst Switch = ({model, help}) => {\n const {type} = model;\n\n switch (type) {\n case 'qcmDrag':\n return <QcmDrag {...model} help={help} />;\n case 'qcm':\n return <Qcm {...model} />;\n case 'qcmGraphic':\n return <QcmGraphic {...model} />;\n case 'freeText':\n return <FreeText {...model} />;\n case 'dropDown':\n return <DropDown {...model} />;\n case 'slider':\n return <QuestionRange {...model} />;\n case 'template':\n return <Template {...model} />;\n }\n};\n\nSwitch.propTypes = {\n model: propTypes.model,\n help: propTypes.help\n};\n\nconst Answer = props => {\n const {model, media, help} = props;\n\n return (\n <div data-name=\"answer\" className={style.wrapper}>\n {media ? <MediaView media={media} /> : null}\n <Switch model={model} help={help} />\n </div>\n );\n};\n\nAnswer.propTypes = propTypes;\n\nexport default Answer;\n"],"mappings":";;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAOC,WAAP,MAAwB,iBAAxB;AACA,OAAOC,QAAP,MAAqB,wBAArB;AACA,OAAOC,QAAP,MAAqB,wBAArB;AACA,OAAOC,OAAP,MAAoB,uBAApB;AACA,OAAOC,GAAP,MAAgB,kBAAhB;AACA,OAAOC,UAAP,MAAuB,0BAAvB;AACA,OAAOC,aAAP,MAA0B,6BAA1B;AACA,OAAOC,QAAP,MAAqB,uBAArB;AACA,OAAOC,KAAP,MAAkB,UAAlB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AACA,OAAOC,SAAP,IAAmBC,kBAAnB,EAAuCC,UAAvC,EAAmDC,UAAnD,EAA+DC,UAA/D,QAAgF,cAAhF;;AAEA,MAAMC,SAAS,GAAG,CAAC;EAACC;AAAD,CAAD,KAAa;EAC7B,MAAM;IAACC,OAAD;IAAUC;EAAV,IAAiCF,KAAvC;EAAA,MAAyBG,UAAzB,iCAAuCH,KAAvC;;EACA,QAAQE,IAAR;IACE,KAAKL,UAAL;MACE,oBACE;QACE,SAAS,EAAEJ,KAAK,CAACO,KADnB;QAEE,KAAK,EAAE;UACLI,eAAe,EAAG,OAAMJ,KAAK,CAACK,GAAI;QAD7B;MAFT,EADF;;IAQF,KAAKP,UAAL;MACE,oBACE;QAAK,SAAS,EAAEL,KAAK,CAACa;MAAtB,gBACE,oBAAC,WAAD,eAAiB,MAAK,IAAL,EAAWH,UAAX,CAAjB;QAAyC,EAAE,EAAEF,OAA7C;QAAsD,MAAM,EAAC,MAA7D;QAAoE,KAAK,EAAC;MAA1E,GADF,CADF;;IAKF,KAAKL,UAAL;MACE,oBACE;QAAK,SAAS,EAAEH,KAAK,CAACc;MAAtB,gBACE,oBAAC,KAAD,eAAW,MAAK,IAAL,EAAWJ,UAAX,CAAX;QAAmC,MAAM,EAAC,MAA1C;QAAiD,KAAK,EAAC;MAAvD,GADF,CADF;;IAKF;MACE,OAAO,IAAP;EAvBJ;AAyBD,CA3BD;;AA6BAJ,SAAS,CAACL,SAAV,2CAAsBC,kBAAtB;;AAEA,MAAMa,MAAM,GAAG,CAAC;EAACC,KAAD;EAAQC;AAAR,CAAD,
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","VideoPlayer","DropDown","FreeText","QcmDrag","Qcm","QcmGraphic","QuestionRange","Template","Provider","Audio","style","propTypes","MediaViewPropTypes","TYPE_AUDIO","TYPE_IMAGE","TYPE_VIDEO","MediaView","media","videoId","type","childProps","backgroundImage","url","video","audio","Switch","model","help","translate","contextTypes","childContextTypes","Answer","props","wrapper"],"sources":["../../../src/molecule/answer/index.js"],"sourcesContent":["import React from 'react';\nimport {omit} from 'lodash/fp';\nimport VideoPlayer from '../video-player';\nimport DropDown from '../questions/drop-down';\nimport FreeText from '../questions/free-text';\nimport QcmDrag from '../questions/qcm-drag';\nimport Qcm from '../questions/qcm';\nimport QcmGraphic from '../questions/qcm-graphic';\nimport QuestionRange from '../questions/question-range';\nimport Template from '../questions/template';\nimport Provider from '../../atom/provider';\nimport Audio from '../audio';\nimport style from './style.css';\nimport propTypes, {MediaViewPropTypes, TYPE_AUDIO, TYPE_IMAGE, TYPE_VIDEO} from './prop-types';\n\nconst MediaView = ({media}) => {\n const {videoId, type, ...childProps} = media;\n switch (type) {\n case TYPE_IMAGE:\n return (\n <div\n className={style.media}\n style={{\n backgroundImage: `url(${media.url})`\n }}\n />\n );\n case TYPE_VIDEO:\n return (\n <div className={style.video}>\n <VideoPlayer {...omit('id', childProps)} id={videoId} height=\"100%\" width=\"100%\" />\n </div>\n );\n case TYPE_AUDIO:\n return (\n <div className={style.audio}>\n <Audio {...omit('id', childProps)} height=\"100%\" width=\"100%\" />\n </div>\n );\n default:\n return null;\n }\n};\n\nMediaView.propTypes = MediaViewPropTypes;\n\nconst Switch = ({model, help}, {translate}) => {\n const {type} = model;\n\n switch (type) {\n case 'qcmDrag':\n return <QcmDrag {...model} help={help} />;\n case 'qcm':\n return <Qcm {...model} />;\n case 'qcmGraphic':\n return <QcmGraphic {...model} />;\n case 'freeText':\n return <FreeText {...model} />;\n case 'dropDown':\n return <DropDown {...model} aria-label={translate('drop_down_icon')} />;\n case 'slider':\n return <QuestionRange {...model} />;\n case 'template':\n return <Template {...model} />;\n }\n};\n\nSwitch.propTypes = {\n model: propTypes.model,\n help: propTypes.help\n};\n\nSwitch.contextTypes = {\n translate: Provider.childContextTypes.translate\n};\n\nconst Answer = props => {\n const {model, media, help} = props;\n\n return (\n <div data-name=\"answer\" className={style.wrapper}>\n {media ? <MediaView media={media} /> : null}\n <Switch model={model} help={help} />\n </div>\n );\n};\n\nAnswer.propTypes = propTypes;\n\nexport default Answer;\n"],"mappings":"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"}
|
|
@@ -23,7 +23,7 @@ declare namespace BattleRequest {
|
|
|
23
23
|
[x: string]: any;
|
|
24
24
|
}>;
|
|
25
25
|
}>>;
|
|
26
|
-
const translate: PropTypes.
|
|
26
|
+
const translate: PropTypes.Requireable<(...args: any[]) => any>;
|
|
27
27
|
}
|
|
28
28
|
namespace propTypes {
|
|
29
29
|
const username: PropTypes.Requireable<string>;
|
|
@@ -2,7 +2,7 @@ export default BrandCreateForm;
|
|
|
2
2
|
declare function BrandCreateForm(props: any, context: any): JSX.Element;
|
|
3
3
|
declare namespace BrandCreateForm {
|
|
4
4
|
namespace contextTypes {
|
|
5
|
-
const translate: PropTypes.
|
|
5
|
+
const translate: PropTypes.Requireable<(...args: any[]) => any>;
|
|
6
6
|
}
|
|
7
7
|
namespace propTypes {
|
|
8
8
|
const title: PropTypes.Validator<string>;
|
|
@@ -81,7 +81,6 @@ declare namespace BrandFormGroup {
|
|
|
81
81
|
type: PropTypes.Requireable<string>;
|
|
82
82
|
size: PropTypes.Requireable<string>;
|
|
83
83
|
title: PropTypes.Requireable<string>;
|
|
84
|
-
moreAriaLabel: PropTypes.Requireable<string>;
|
|
85
84
|
name: PropTypes.Requireable<string>;
|
|
86
85
|
className: PropTypes.Requireable<string>;
|
|
87
86
|
borderClassName: PropTypes.Requireable<string>;
|
|
@@ -99,6 +98,7 @@ declare namespace BrandFormGroup {
|
|
|
99
98
|
}> | null | undefined)[]>;
|
|
100
99
|
modified: PropTypes.Requireable<boolean>;
|
|
101
100
|
error: PropTypes.Requireable<boolean>;
|
|
101
|
+
'aria-label': PropTypes.Requireable<string>;
|
|
102
102
|
}> | PropTypes.InferProps<{
|
|
103
103
|
type: PropTypes.Requireable<string>;
|
|
104
104
|
title: PropTypes.Validator<string>;
|
|
@@ -185,7 +185,6 @@ declare namespace BrandFormGroup {
|
|
|
185
185
|
}> | PropTypes.InferProps<{
|
|
186
186
|
type: PropTypes.Requireable<string>;
|
|
187
187
|
title: PropTypes.Requireable<string>;
|
|
188
|
-
moreAriaLabel: PropTypes.Requireable<string>;
|
|
189
188
|
name: PropTypes.Requireable<string>;
|
|
190
189
|
className: PropTypes.Requireable<string>;
|
|
191
190
|
borderClassName: PropTypes.Requireable<string>;
|
|
@@ -203,6 +202,7 @@ declare namespace BrandFormGroup {
|
|
|
203
202
|
}> | null | undefined)[]>;
|
|
204
203
|
modified: PropTypes.Requireable<boolean>;
|
|
205
204
|
error: PropTypes.Requireable<boolean>;
|
|
205
|
+
'aria-label': PropTypes.Requireable<string>;
|
|
206
206
|
}> | PropTypes.InferProps<{
|
|
207
207
|
type: PropTypes.Requireable<string>;
|
|
208
208
|
title: PropTypes.Validator<string>;
|
|
@@ -2,7 +2,7 @@ export default CardWithButton;
|
|
|
2
2
|
declare function CardWithButton(props: any, context: any): JSX.Element;
|
|
3
3
|
declare namespace CardWithButton {
|
|
4
4
|
namespace contextTypes {
|
|
5
|
-
const translate: PropTypes.
|
|
5
|
+
const translate: PropTypes.Requireable<(...args: any[]) => any>;
|
|
6
6
|
const skin: PropTypes.Requireable<PropTypes.InferProps<{
|
|
7
7
|
common: PropTypes.Requireable<{
|
|
8
8
|
[x: string]: any;
|
|
@@ -26,7 +26,7 @@ declare namespace CookieBanner {
|
|
|
26
26
|
[x: string]: any;
|
|
27
27
|
}>;
|
|
28
28
|
}>>;
|
|
29
|
-
const translate: PropTypes.
|
|
29
|
+
const translate: PropTypes.Requireable<(...args: any[]) => any>;
|
|
30
30
|
}
|
|
31
31
|
namespace propTypes {
|
|
32
32
|
const href: PropTypes.Requireable<string>;
|
|
@@ -35,7 +35,7 @@ declare class CardsList extends React.PureComponent<any, any, any> {
|
|
|
35
35
|
[x: string]: any;
|
|
36
36
|
}>;
|
|
37
37
|
}>>;
|
|
38
|
-
translate: PropTypes.
|
|
38
|
+
translate: PropTypes.Requireable<(...args: any[]) => any>;
|
|
39
39
|
};
|
|
40
40
|
constructor(props: any);
|
|
41
41
|
state: {
|
|
@@ -2,7 +2,7 @@ export default DisciplinePartners;
|
|
|
2
2
|
declare function DisciplinePartners(props: any, context: any): JSX.Element | null;
|
|
3
3
|
declare namespace DisciplinePartners {
|
|
4
4
|
namespace contextTypes {
|
|
5
|
-
const translate: PropTypes.
|
|
5
|
+
const translate: PropTypes.Requireable<(...args: any[]) => any>;
|
|
6
6
|
const skin: PropTypes.Requireable<PropTypes.InferProps<{
|
|
7
7
|
common: PropTypes.Requireable<{
|
|
8
8
|
[x: string]: any;
|
|
@@ -6,7 +6,7 @@ declare class ExternalContentButton extends React.Component<any, any, any> {
|
|
|
6
6
|
onClick: PropTypes.Requireable<(...args: any[]) => any>;
|
|
7
7
|
};
|
|
8
8
|
static contextTypes: {
|
|
9
|
-
translate: PropTypes.
|
|
9
|
+
translate: PropTypes.Requireable<(...args: any[]) => any>;
|
|
10
10
|
};
|
|
11
11
|
constructor(props: any, context: any);
|
|
12
12
|
handleClick: (e: any) => void;
|
|
@@ -13,7 +13,6 @@ declare class Filters extends React.Component<any, any, any> {
|
|
|
13
13
|
}> | null | undefined)[]>;
|
|
14
14
|
sorting: PropTypes.Requireable<PropTypes.InferProps<{
|
|
15
15
|
title: PropTypes.Requireable<string>;
|
|
16
|
-
moreAriaLabel: PropTypes.Requireable<string>;
|
|
17
16
|
name: PropTypes.Requireable<string>;
|
|
18
17
|
className: PropTypes.Requireable<string>;
|
|
19
18
|
borderClassName: PropTypes.Requireable<string>;
|
|
@@ -31,6 +30,7 @@ declare class Filters extends React.Component<any, any, any> {
|
|
|
31
30
|
}> | null | undefined)[]>;
|
|
32
31
|
modified: PropTypes.Requireable<boolean>;
|
|
33
32
|
error: PropTypes.Requireable<boolean>;
|
|
33
|
+
'aria-label': PropTypes.Requireable<string>;
|
|
34
34
|
}>>;
|
|
35
35
|
onSearch: PropTypes.Requireable<(...args: any[]) => any>;
|
|
36
36
|
onToggleFilters: PropTypes.Requireable<(...args: any[]) => any>;
|
|
@@ -2,7 +2,7 @@ export default ForumComment;
|
|
|
2
2
|
declare function ForumComment(props: any, context: any): JSX.Element;
|
|
3
3
|
declare namespace ForumComment {
|
|
4
4
|
namespace contextTypes {
|
|
5
|
-
const translate: PropTypes.
|
|
5
|
+
const translate: PropTypes.Requireable<(...args: any[]) => any>;
|
|
6
6
|
const skin: PropTypes.Requireable<PropTypes.InferProps<{
|
|
7
7
|
common: PropTypes.Requireable<{
|
|
8
8
|
[x: string]: any;
|
|
@@ -2,7 +2,7 @@ export default ForumPost;
|
|
|
2
2
|
declare function ForumPost(props: any, context: any): JSX.Element;
|
|
3
3
|
declare namespace ForumPost {
|
|
4
4
|
namespace contextTypes {
|
|
5
|
-
const translate: PropTypes.
|
|
5
|
+
const translate: PropTypes.Requireable<(...args: any[]) => any>;
|
|
6
6
|
const skin: PropTypes.Requireable<PropTypes.InferProps<{
|
|
7
7
|
common: PropTypes.Requireable<{
|
|
8
8
|
[x: string]: any;
|
|
@@ -19,7 +19,7 @@ declare class PaymentForm extends React.Component<any, any, any> {
|
|
|
19
19
|
submitButtonEnabled: PropTypes.Requireable<boolean>;
|
|
20
20
|
};
|
|
21
21
|
static contextTypes: {
|
|
22
|
-
translate: PropTypes.
|
|
22
|
+
translate: PropTypes.Requireable<(...args: any[]) => any>;
|
|
23
23
|
};
|
|
24
24
|
constructor(props: any);
|
|
25
25
|
stripe: any;
|
|
@@ -2,7 +2,7 @@ export default PDF;
|
|
|
2
2
|
declare function PDF(props: any, context: any): JSX.Element;
|
|
3
3
|
declare namespace PDF {
|
|
4
4
|
namespace contextTypes {
|
|
5
|
-
const translate: PropTypes.
|
|
5
|
+
const translate: PropTypes.Requireable<(...args: any[]) => any>;
|
|
6
6
|
const skin: PropTypes.Requireable<PropTypes.InferProps<{
|
|
7
7
|
common: PropTypes.Requireable<{
|
|
8
8
|
[x: string]: any;
|
|
@@ -2,7 +2,7 @@ export default ProductCard;
|
|
|
2
2
|
declare function ProductCard(props: any, context: any): JSX.Element;
|
|
3
3
|
declare namespace ProductCard {
|
|
4
4
|
namespace contextTypes {
|
|
5
|
-
const translate: PropTypes.
|
|
5
|
+
const translate: PropTypes.Requireable<(...args: any[]) => any>;
|
|
6
6
|
}
|
|
7
7
|
namespace propTypes {
|
|
8
8
|
const title: PropTypes.Validator<string>;
|
|
@@ -1,16 +1,17 @@
|
|
|
1
1
|
export default DropDown;
|
|
2
2
|
declare function DropDown(props: any): JSX.Element;
|
|
3
3
|
declare namespace DropDown {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
4
|
+
const propTypes: {
|
|
5
|
+
onChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
6
|
+
options: PropTypes.Requireable<(PropTypes.InferProps<{
|
|
7
7
|
name: PropTypes.Validator<string>;
|
|
8
8
|
value: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
|
|
9
9
|
selected: PropTypes.Requireable<boolean>;
|
|
10
10
|
validOption: PropTypes.Requireable<boolean>;
|
|
11
11
|
}> | null | undefined)[]>;
|
|
12
|
-
|
|
13
|
-
|
|
12
|
+
theme: PropTypes.Requireable<string>;
|
|
13
|
+
'aria-label': PropTypes.Requireable<string>;
|
|
14
|
+
};
|
|
14
15
|
}
|
|
15
16
|
import PropTypes from "prop-types";
|
|
16
17
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -8,7 +8,8 @@ const DropDown = props => {
|
|
|
8
8
|
const {
|
|
9
9
|
options,
|
|
10
10
|
onChange,
|
|
11
|
-
theme: propsTheme
|
|
11
|
+
theme: propsTheme,
|
|
12
|
+
'aria-label': ariaLabel
|
|
12
13
|
} = props;
|
|
13
14
|
|
|
14
15
|
const currentSelection = _find('selected', options);
|
|
@@ -18,6 +19,7 @@ const DropDown = props => {
|
|
|
18
19
|
return /*#__PURE__*/React.createElement("div", {
|
|
19
20
|
className: style.wrapper
|
|
20
21
|
}, /*#__PURE__*/React.createElement(Select, {
|
|
22
|
+
"aria-label": ariaLabel,
|
|
21
23
|
theme: theme,
|
|
22
24
|
options: options,
|
|
23
25
|
onChange: onChange
|
|
@@ -27,7 +29,8 @@ const DropDown = props => {
|
|
|
27
29
|
DropDown.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
28
30
|
onChange: Select.propTypes.onChange,
|
|
29
31
|
options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes)),
|
|
30
|
-
theme: Select.propTypes.theme
|
|
32
|
+
theme: Select.propTypes.theme,
|
|
33
|
+
'aria-label': PropTypes.string
|
|
31
34
|
} : {};
|
|
32
35
|
export default DropDown;
|
|
33
36
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","PropTypes","Select","SelectOptionPropTypes","style","DropDown","props","options","onChange","theme","propsTheme","currentSelection","defaultTheme","validOption","wrapper","propTypes","arrayOf","shape"],"sources":["../../../../src/molecule/questions/drop-down/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {find} from 'lodash/fp';\nimport Select, {SelectOptionPropTypes} from '../../../atom/select';\nimport style from './style.css';\n\nconst DropDown = props => {\n const {options, onChange, theme: propsTheme} = props;\n\n const currentSelection = find('selected', options);\n const defaultTheme =\n !currentSelection || currentSelection.validOption === false ? 'invalid' : 'question';\n\n const theme = propsTheme || defaultTheme;\n\n return (\n <div className={style.wrapper}>\n <Select theme={theme} options={options} onChange={onChange} />\n </div>\n );\n};\n\nDropDown.propTypes = {\n onChange: Select.propTypes.onChange,\n options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes)),\n theme: Select.propTypes.theme\n};\n\nexport default DropDown;\n"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,MAAP,IAAgBC,qBAAhB,QAA4C,sBAA5C;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,QAAQ,GAAGC,KAAK,IAAI;EACxB,MAAM;IAACC,OAAD;IAAUC,QAAV;IAAoBC,KAAK,EAAEC;
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","PropTypes","Select","SelectOptionPropTypes","style","DropDown","props","options","onChange","theme","propsTheme","ariaLabel","currentSelection","defaultTheme","validOption","wrapper","propTypes","arrayOf","shape","string"],"sources":["../../../../src/molecule/questions/drop-down/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {find} from 'lodash/fp';\nimport Select, {SelectOptionPropTypes} from '../../../atom/select';\nimport style from './style.css';\n\nconst DropDown = props => {\n const {options, onChange, theme: propsTheme, 'aria-label': ariaLabel} = props;\n\n const currentSelection = find('selected', options);\n const defaultTheme =\n !currentSelection || currentSelection.validOption === false ? 'invalid' : 'question';\n\n const theme = propsTheme || defaultTheme;\n\n return (\n <div className={style.wrapper}>\n <Select aria-label={ariaLabel} theme={theme} options={options} onChange={onChange} />\n </div>\n );\n};\n\nDropDown.propTypes = {\n onChange: Select.propTypes.onChange,\n options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes)),\n theme: Select.propTypes.theme,\n 'aria-label': PropTypes.string\n};\n\nexport default DropDown;\n"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,MAAP,IAAgBC,qBAAhB,QAA4C,sBAA5C;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,QAAQ,GAAGC,KAAK,IAAI;EACxB,MAAM;IAACC,OAAD;IAAUC,QAAV;IAAoBC,KAAK,EAAEC,UAA3B;IAAuC,cAAcC;EAArD,IAAkEL,KAAxE;;EAEA,MAAMM,gBAAgB,GAAG,MAAK,UAAL,EAAiBL,OAAjB,CAAzB;;EACA,MAAMM,YAAY,GAChB,CAACD,gBAAD,IAAqBA,gBAAgB,CAACE,WAAjB,KAAiC,KAAtD,GAA8D,SAA9D,GAA0E,UAD5E;EAGA,MAAML,KAAK,GAAGC,UAAU,IAAIG,YAA5B;EAEA,oBACE;IAAK,SAAS,EAAET,KAAK,CAACW;EAAtB,gBACE,oBAAC,MAAD;IAAQ,cAAYJ,SAApB;IAA+B,KAAK,EAAEF,KAAtC;IAA6C,OAAO,EAAEF,OAAtD;IAA+D,QAAQ,EAAEC;EAAzE,EADF,CADF;AAKD,CAdD;;AAgBAH,QAAQ,CAACW,SAAT,2CAAqB;EACnBR,QAAQ,EAAEN,MAAM,CAACc,SAAP,CAAiBR,QADR;EAEnBD,OAAO,EAAEN,SAAS,CAACgB,OAAV,CAAkBhB,SAAS,CAACiB,KAAV,CAAgBf,qBAAhB,CAAlB,CAFU;EAGnBM,KAAK,EAAEP,MAAM,CAACc,SAAP,CAAiBP,KAHL;EAInB,cAAcR,SAAS,CAACkB;AAJL,CAArB;AAOA,eAAed,QAAf"}
|
|
@@ -15,6 +15,7 @@ declare namespace Template {
|
|
|
15
15
|
validOption: PropTypes.Requireable<boolean>;
|
|
16
16
|
}> | null | undefined)[]>;
|
|
17
17
|
theme: PropTypes.Requireable<string>;
|
|
18
|
+
'aria-label': PropTypes.Requireable<string>;
|
|
18
19
|
}, never>> & Partial<PropTypes.InferPropsInner<Pick<{
|
|
19
20
|
onChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
20
21
|
options: PropTypes.Requireable<(PropTypes.InferProps<{
|
|
@@ -24,7 +25,8 @@ declare namespace Template {
|
|
|
24
25
|
validOption: PropTypes.Requireable<boolean>;
|
|
25
26
|
}> | null | undefined)[]>;
|
|
26
27
|
theme: PropTypes.Requireable<string>;
|
|
27
|
-
|
|
28
|
+
'aria-label': PropTypes.Requireable<string>;
|
|
29
|
+
}, "aria-label" | "onChange" | "theme" | "options">>>) | null | undefined)[]>;
|
|
28
30
|
}
|
|
29
31
|
}
|
|
30
32
|
import PropTypes from "prop-types";
|
|
@@ -23,7 +23,7 @@ declare namespace ScopeContent {
|
|
|
23
23
|
[x: string]: any;
|
|
24
24
|
}>;
|
|
25
25
|
}>>;
|
|
26
|
-
const translate: PropTypes.
|
|
26
|
+
const translate: PropTypes.Requireable<(...args: any[]) => any>;
|
|
27
27
|
}
|
|
28
28
|
namespace propTypes {
|
|
29
29
|
const content: PropTypes.Requireable<PropTypes.InferProps<{
|
|
@@ -2,7 +2,7 @@ export default SetupSection;
|
|
|
2
2
|
declare function SetupSection(props: any, context: any): JSX.Element;
|
|
3
3
|
declare namespace SetupSection {
|
|
4
4
|
namespace contextTypes {
|
|
5
|
-
const translate: PropTypes.
|
|
5
|
+
const translate: PropTypes.Requireable<(...args: any[]) => any>;
|
|
6
6
|
const skin: PropTypes.Requireable<PropTypes.InferProps<{
|
|
7
7
|
common: PropTypes.Requireable<{
|
|
8
8
|
[x: string]: any;
|