@coorpacademy/components 11.32.33 → 11.32.35-alpha.6
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-text/index.d.ts +1 -0
- package/es/atom/input-text/index.d.ts.map +1 -1
- package/es/atom/input-text/index.js +3 -1
- package/es/atom/input-text/index.js.map +1 -1
- package/es/atom/input-text-with-title/index.d.ts +1 -0
- package/es/molecule/brand-form-group/index.d.ts.map +1 -1
- package/es/molecule/brand-form-group/index.js +13 -3
- package/es/molecule/brand-form-group/index.js.map +1 -1
- package/es/molecule/course-sections/index.d.ts +1 -0
- package/es/molecule/progress-wrapper/index.d.ts +4 -5
- package/es/molecule/progress-wrapper/index.d.ts.map +1 -1
- package/es/molecule/progress-wrapper/index.js +14 -28
- package/es/molecule/progress-wrapper/index.js.map +1 -1
- package/es/molecule/progress-wrapper/style.css +3 -25
- package/es/molecule/setup-slider/index.d.ts.map +1 -1
- package/es/molecule/setup-slider/index.js +14 -2
- package/es/molecule/setup-slider/index.js.map +1 -1
- package/es/molecule/title-and-checkbox-wrapper/index.d.ts +1 -0
- package/es/organism/content-translation/index.d.ts +1 -0
- package/es/organism/rewards-form/index.d.ts +1 -0
- package/es/organism/select-opponents/index.d.ts +1 -0
- package/es/organism/select-opponents/index.d.ts.map +1 -1
- package/es/organism/select-opponents/types.d.ts +1 -0
- package/es/organism/select-opponents/types.d.ts.map +1 -1
- package/es/organism/title-and-input/index.d.ts +1 -0
- package/es/organism/title-and-input/index.d.ts.map +1 -1
- package/es/organism/title-and-input/types.d.ts +1 -0
- package/es/organism/title-and-input/types.d.ts.map +1 -1
- package/es/organism/wizard-contents/index.d.ts +3 -0
- package/es/template/certification-detail/index.d.ts +6 -46
- package/es/template/certification-detail/index.d.ts.map +1 -1
- package/es/template/certification-detail/index.js +22 -40
- package/es/template/certification-detail/index.js.map +1 -1
- package/es/template/certification-detail/style.css +1 -12
- package/es/template/skill-detail/all-courses.d.ts.map +1 -1
- package/es/template/skill-detail/all-courses.js +2 -2
- package/es/template/skill-detail/all-courses.js.map +1 -1
- package/lib/atom/input-text/index.d.ts +1 -0
- package/lib/atom/input-text/index.d.ts.map +1 -1
- package/lib/atom/input-text/index.js +3 -1
- package/lib/atom/input-text/index.js.map +1 -1
- package/lib/atom/input-text-with-title/index.d.ts +1 -0
- package/lib/molecule/brand-form-group/index.d.ts.map +1 -1
- package/lib/molecule/brand-form-group/index.js +14 -3
- package/lib/molecule/brand-form-group/index.js.map +1 -1
- package/lib/molecule/course-sections/index.d.ts +1 -0
- package/lib/molecule/progress-wrapper/index.d.ts +4 -5
- package/lib/molecule/progress-wrapper/index.d.ts.map +1 -1
- package/lib/molecule/progress-wrapper/index.js +14 -29
- package/lib/molecule/progress-wrapper/index.js.map +1 -1
- package/lib/molecule/progress-wrapper/style.css +3 -25
- package/lib/molecule/setup-slider/index.d.ts.map +1 -1
- package/lib/molecule/setup-slider/index.js +15 -2
- package/lib/molecule/setup-slider/index.js.map +1 -1
- package/lib/molecule/title-and-checkbox-wrapper/index.d.ts +1 -0
- package/lib/organism/content-translation/index.d.ts +1 -0
- package/lib/organism/rewards-form/index.d.ts +1 -0
- package/lib/organism/select-opponents/index.d.ts +1 -0
- package/lib/organism/select-opponents/index.d.ts.map +1 -1
- package/lib/organism/select-opponents/types.d.ts +1 -0
- package/lib/organism/select-opponents/types.d.ts.map +1 -1
- package/lib/organism/title-and-input/index.d.ts +1 -0
- package/lib/organism/title-and-input/index.d.ts.map +1 -1
- package/lib/organism/title-and-input/types.d.ts +1 -0
- package/lib/organism/title-and-input/types.d.ts.map +1 -1
- package/lib/organism/wizard-contents/index.d.ts +3 -0
- package/lib/template/certification-detail/index.d.ts +6 -46
- package/lib/template/certification-detail/index.d.ts.map +1 -1
- package/lib/template/certification-detail/index.js +22 -41
- package/lib/template/certification-detail/index.js.map +1 -1
- package/lib/template/certification-detail/style.css +1 -12
- package/lib/template/skill-detail/all-courses.d.ts.map +1 -1
- package/lib/template/skill-detail/all-courses.js +2 -2
- package/lib/template/skill-detail/all-courses.js.map +1 -1
- package/locales/en/global.json +1 -0
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["themeStyle","setup","style","coorpmanager","cockpit","default","InputText","props","autoFocus","placeholder","value","hint","defaultValue","onChange","error","valid","theme","description","disabled","modified","title","propsTitle","dataName","ariaLabel","isCMTheme","handleChange","useMemo","e","target","mainClass","className","getClassState","descriptionView","toolTipView","infoIconWrapper","infoIcon","descriptionLabel","hintView","__html","errorIconView","leftIcon","validIconView","classnames","isNoTitle","noValue","input","propTypes","PropTypes","bool","string","oneOf","func"],"sources":["../../../src/atom/input-text/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, isNil, keys, isEmpty} from 'lodash/fp';\nimport {\n NovaSolidStatusCheckCircle2 as CheckIcon,\n NovaSolidStatusClose as ErrorIcon,\n NovaCompositionCoorpacademyInformationIcon as InfoIcon\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\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.default\n};\nconst InputText = props => {\n const {\n autoFocus = false,\n placeholder = '',\n value,\n hint,\n defaultValue,\n onChange = noop,\n error,\n valid,\n theme = 'default',\n description,\n disabled,\n modified = false,\n title: propsTitle,\n 'data-name': dataName = 'input-text',\n 'aria-label': ariaLabel = 'Input Text'\n } = props;\n\n const isCMTheme = theme === 'coorpmanager';\n const handleChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n const mainClass = themeStyle[theme];\n const className = getClassState(style.default, style.modified, style.error, modified, error);\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 = isCMTheme && error ? <ErrorIcon className={style.leftIcon} /> : null;\n const validIconView = isCMTheme && valid ? <CheckIcon className={style.leftIcon} /> : null;\n\n return (\n <div\n className={classnames(\n mainClass,\n className,\n disabled && style.disabled,\n isNil(propsTitle) && style.isNoTitle\n )}\n >\n <label>\n <span className={classnames(style.title, isEmpty(value) && style.noValue)}>\n {propsTitle}\n {toolTipView}\n </span>\n\n <input\n autoFocus={autoFocus}\n type
|
|
1
|
+
{"version":3,"file":"index.js","names":["themeStyle","setup","style","coorpmanager","cockpit","default","InputText","props","autoFocus","placeholder","value","type","hint","defaultValue","onChange","error","valid","theme","description","disabled","modified","title","propsTitle","dataName","ariaLabel","isCMTheme","handleChange","useMemo","e","target","mainClass","className","getClassState","descriptionView","toolTipView","infoIconWrapper","infoIcon","descriptionLabel","hintView","__html","errorIconView","leftIcon","validIconView","classnames","isNoTitle","noValue","input","propTypes","PropTypes","bool","string","oneOf","func"],"sources":["../../../src/atom/input-text/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, isNil, keys, isEmpty} from 'lodash/fp';\nimport {\n NovaSolidStatusCheckCircle2 as CheckIcon,\n NovaSolidStatusClose as ErrorIcon,\n NovaCompositionCoorpacademyInformationIcon as InfoIcon\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\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.default\n};\nconst InputText = props => {\n const {\n autoFocus = false,\n placeholder = '',\n value,\n type = 'text',\n hint,\n defaultValue,\n onChange = noop,\n error,\n valid,\n theme = 'default',\n description,\n disabled,\n modified = false,\n title: propsTitle,\n 'data-name': dataName = 'input-text',\n 'aria-label': ariaLabel = 'Input Text'\n } = props;\n\n const isCMTheme = theme === 'coorpmanager';\n const handleChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n const mainClass = themeStyle[theme];\n const className = getClassState(style.default, style.modified, style.error, modified, error);\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 = isCMTheme && error ? <ErrorIcon className={style.leftIcon} /> : null;\n const validIconView = isCMTheme && valid ? <CheckIcon className={style.leftIcon} /> : null;\n\n return (\n <div\n className={classnames(\n mainClass,\n className,\n disabled && style.disabled,\n isNil(propsTitle) && style.isNoTitle\n )}\n >\n <label>\n <span className={classnames(style.title, isEmpty(value) && style.noValue)}>\n {propsTitle}\n {toolTipView}\n </span>\n\n <input\n autoFocus={autoFocus}\n type={type}\n name={propsTitle}\n className={style.input}\n placeholder={placeholder}\n defaultValue={defaultValue}\n autoComplete={'off'}\n value={value}\n onInput={handleChange}\n disabled={disabled}\n onChange={noop}\n data-name={dataName}\n aria-label={ariaLabel}\n />\n {errorIconView}\n {validIconView}\n {hintView}\n </label>\n {descriptionView}\n </div>\n );\n};\n\nInputText.propTypes = {\n autoFocus: PropTypes.bool,\n title: PropTypes.string,\n placeholder: PropTypes.string,\n defaultValue: PropTypes.string,\n theme: PropTypes.oneOf(keys(themeStyle)),\n disabled: 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 type: PropTypes.string,\n valid: PropTypes.bool,\n 'aria-label': PropTypes.string,\n 'data-name': PropTypes.string\n};\nexport default InputText;\n"],"mappings":"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"}
|
|
@@ -16,6 +16,7 @@ declare namespace InputTextWithTitle {
|
|
|
16
16
|
onChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
17
17
|
description: PropTypes.Requireable<string>;
|
|
18
18
|
modified: PropTypes.Requireable<boolean>;
|
|
19
|
+
type: PropTypes.Requireable<string>;
|
|
19
20
|
valid: PropTypes.Requireable<boolean>;
|
|
20
21
|
'aria-label': PropTypes.Requireable<string>;
|
|
21
22
|
'data-name': PropTypes.Requireable<string>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/brand-form-group/index.js"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/brand-form-group/index.js"],"names":[],"mappings":";AA8HA,yDAuBC"}
|
|
@@ -61,6 +61,8 @@ var _titleAndInput = _interopRequireDefault(require("../../organism/title-and-in
|
|
|
61
61
|
|
|
62
62
|
var _style = _interopRequireDefault(require("./style.css"));
|
|
63
63
|
|
|
64
|
+
const _excluded = ["type"];
|
|
65
|
+
|
|
64
66
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
65
67
|
|
|
66
68
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
@@ -69,6 +71,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
|
|
|
69
71
|
|
|
70
72
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
71
73
|
|
|
74
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
75
|
+
|
|
72
76
|
const inputContainerStyle = {
|
|
73
77
|
default: _style.default.defaultWidth,
|
|
74
78
|
medium: _style.default.mediumWidth,
|
|
@@ -78,7 +82,8 @@ const inputContainerStyle = {
|
|
|
78
82
|
const buildInput = field => {
|
|
79
83
|
const {
|
|
80
84
|
type
|
|
81
|
-
} = field
|
|
85
|
+
} = field,
|
|
86
|
+
rest = _objectWithoutPropertiesLoose(field, _excluded);
|
|
82
87
|
|
|
83
88
|
switch (type) {
|
|
84
89
|
case 'autoComplete':
|
|
@@ -130,6 +135,7 @@ const buildInput = field => {
|
|
|
130
135
|
return /*#__PURE__*/_react.default.createElement(_setupSections.default, field);
|
|
131
136
|
|
|
132
137
|
case 'text':
|
|
138
|
+
case 'password':
|
|
133
139
|
return /*#__PURE__*/_react.default.createElement(_inputText.default, field);
|
|
134
140
|
|
|
135
141
|
case 'downloadbox':
|
|
@@ -168,7 +174,9 @@ const buildInput = field => {
|
|
|
168
174
|
return /*#__PURE__*/_react.default.createElement(_titleAndInput.default, field);
|
|
169
175
|
|
|
170
176
|
default:
|
|
171
|
-
return /*#__PURE__*/_react.default.createElement(_inputText.default,
|
|
177
|
+
return /*#__PURE__*/_react.default.createElement(_inputText.default, _extends({}, rest, {
|
|
178
|
+
type: 'text'
|
|
179
|
+
}));
|
|
172
180
|
}
|
|
173
181
|
};
|
|
174
182
|
|
|
@@ -233,6 +241,9 @@ BrandFormGroup.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
233
241
|
type: _propTypes.default.oneOf(['color'])
|
|
234
242
|
})), _propTypes.default.shape(_extends({}, _inputReadonly.default.propTypes, {
|
|
235
243
|
type: _propTypes.default.oneOf(['readonly'])
|
|
244
|
+
})), _propTypes.default.shape(_extends({}, _inputText.default.propTypes, {
|
|
245
|
+
type: _propTypes.default.oneOf(['password']),
|
|
246
|
+
size: _propTypes.default.oneOf((0, _keys2.default)(inputContainerStyle))
|
|
236
247
|
})), _propTypes.default.shape(_extends({}, _inputSwitch.default.propTypes, {
|
|
237
248
|
type: _propTypes.default.oneOf(['switch'])
|
|
238
249
|
})), _propTypes.default.shape(_extends({}, _inputTextarea.default.propTypes, {
|
|
@@ -256,7 +267,7 @@ BrandFormGroup.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
256
267
|
})), _propTypes.default.shape(_extends({}, _setupSections.default.propTypes, {
|
|
257
268
|
type: _propTypes.default.oneOf(['sections'])
|
|
258
269
|
})), _propTypes.default.shape(_extends({}, _inputText.default.propTypes, {
|
|
259
|
-
type: _propTypes.default.oneOf(['text']),
|
|
270
|
+
type: _propTypes.default.oneOf(['text', 'password']),
|
|
260
271
|
size: _propTypes.default.oneOf((0, _keys2.default)(inputContainerStyle))
|
|
261
272
|
})), _propTypes.default.shape(_extends({}, _brandDownloadBox.default.propTypes, {
|
|
262
273
|
type: _propTypes.default.oneOf(['downloadbox'])
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["inputContainerStyle","default","style","defaultWidth","medium","mediumWidth","large","largeWidth","buildInput","field","type","imageUploadContainer","bulkUploadContainer","submitValue","href","target","download","width","buttonType","buildField","index","input","theme","size","styleInput","styleField","fieldMassiveBattle","defineLayoutClass","layout","classNames","grid","layoutBulk","BrandFormGroup","props","title","subtitle","fieldsLayout","groupLayout","fields","subtitleSize","fieldsList","convert","cap","useMemo","wrapper","groupGrid","titleWrapper","propTypes","PropTypes","string","arrayOf","oneOfType","shape","Autocomplete","oneOf","InputColor","InputReadonly","InputSwitch","InputTextarea","InputHTML","InputDoublestep","Select","InputCheckbox","InputFileDraggable","SetupSlider","SetupSections","InputText","BrandDownloadBox","BrandUploadBox","Button","ButtonLink","SelectMultiple","Roles","TitleAndInput"],"sources":["../../../src/molecule/brand-form-group/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {keys, map, snakeCase} from 'lodash/fp';\nimport classNames from 'classnames';\nimport Autocomplete from '../../atom/autocomplete';\nimport Select from '../../atom/select';\nimport SelectMultiple from '../select-multiple';\nimport InputText from '../../atom/input-text';\nimport InputColor from '../../atom/input-color';\nimport InputCheckbox from '../../atom/input-checkbox';\nimport InputReadonly from '../../atom/input-readonly';\nimport InputSwitch from '../../atom/input-switch';\nimport BrandUploadBox from '../brand-upload-box';\nimport BrandDownloadBox from '../brand-download-box';\nimport Button from '../../atom/button';\nimport InputTextarea from '../../atom/input-textarea';\nimport InputHTML from '../../atom/input-html';\nimport InputDoublestep from '../../atom/input-doublestep';\nimport InputFileDraggable from '../../atom/input-file-draggable';\nimport SetupSlider from '../setup-slider';\nimport SetupSections from '../setup-sections';\nimport Title from '../../atom/title';\nimport Roles from '../coorp-manager-roles';\nimport TitleAndCheckBoxWrapper from '../title-and-checkbox-wrapper';\nimport ButtonLink from '../../atom/button-link';\nimport TitleAndInput from '../../organism/title-and-input';\nimport style from './style.css';\n\nconst inputContainerStyle = {\n default: style.defaultWidth,\n medium: style.mediumWidth,\n large: style.largeWidth\n};\n\nconst buildInput = field => {\n const {type} = field;\n\n switch (type) {\n case 'autoComplete':\n return <Autocomplete {...field} />;\n case 'color':\n return <InputColor {...field} />;\n case 'readonly':\n return <InputReadonly {...field} />;\n case 'switch':\n return <InputSwitch {...field} />;\n case 'textarea':\n return <InputTextarea {...field} />;\n case 'html':\n return <InputHTML {...field} />;\n case 'doublestep':\n return <InputDoublestep {...field} />;\n case 'select':\n return <Select {...field} theme={'coorpmanager'} />;\n case 'selectMultiple':\n return <SelectMultiple {...field} />;\n case 'checkbox':\n return <InputCheckbox {...field} />;\n case 'image':\n return (\n <div className={style.imageUploadContainer}>\n <InputFileDraggable {...field} />\n </div>\n );\n case 'bulkUpload':\n return (\n <div className={style.bulkUploadContainer}>\n <InputFileDraggable {...field} />\n </div>\n );\n case 'slider':\n return <SetupSlider {...field} />;\n case 'sections':\n return <SetupSections {...field} />;\n case 'text':\n return <InputText {...field} />;\n case 'downloadbox':\n return <BrandDownloadBox {...field} />;\n case 'uploadbox':\n return <BrandUploadBox {...field} />;\n case 'button':\n case 'link':\n return (\n <ButtonLink\n {...field}\n type=\"primary\"\n label={field.submitValue}\n link={\n field.href ? {href: field.href, target: field.target, download: field.download} : null\n }\n customStyle={{width: 'fit-content'}}\n />\n );\n case 'buttonLink':\n return <ButtonLink {...field} type={field.buttonType} />;\n case 'roles':\n return <Roles {...field} />;\n case 'titleAndCheckBoxWrapper':\n return <TitleAndCheckBoxWrapper {...field} />;\n case 'titleAndInput':\n return <TitleAndInput {...field} />;\n default:\n return <InputText {...field} />;\n }\n};\n\nconst buildField = (field, index) => {\n const input = buildInput(field);\n const {theme, size = 'default'} = field.type === 'titleAndInput' ? field.field : field;\n const styleInput = theme === 'coorpmanager' ? inputContainerStyle[size] : style.field;\n const styleField = field.type === 'titleAndInput' ? style.fieldMassiveBattle : styleInput;\n\n return (\n <div className={styleField} key={index}>\n {input}\n </div>\n );\n};\n\nconst defineLayoutClass = layout => {\n if (layout === 'grid') return classNames(style.grid);\n else if (layout === 'bulkLayout') return classNames(style.layoutBulk);\n else return classNames(null);\n};\n\nconst BrandFormGroup = props => {\n const {\n title,\n subtitle = '',\n fieldsLayout = '',\n groupLayout = '',\n fields = [],\n subtitleSize = 'standard'\n } = props;\n const fieldsList = map.convert({cap: false})(buildField, fields);\n const layout = useMemo(() => defineLayoutClass(fieldsLayout), [fieldsLayout]);\n\n return (\n <div\n data-name={`brand_form_group_${snakeCase(title)}`}\n className={classNames(style.wrapper, groupLayout === 'grid' && style.groupGrid)}\n >\n <div className={style.titleWrapper}>\n <Title title={title} subtitle={subtitle} subtitleSize={subtitleSize} type={'form-group'} />\n </div>\n <div className={layout}>{fieldsList}</div>\n </div>\n );\n};\n\nBrandFormGroup.propTypes = {\n title: PropTypes.string,\n subtitle: PropTypes.string,\n subtitleSize: PropTypes.string,\n fieldsLayout: PropTypes.string,\n groupLayout: PropTypes.string,\n fields: PropTypes.arrayOf(\n PropTypes.oneOfType([\n PropTypes.shape({\n ...Autocomplete.propTypes,\n type: PropTypes.oneOf(['autoComplete']),\n size: PropTypes.oneOf(keys(inputContainerStyle))\n }),\n PropTypes.shape({\n ...InputColor.propTypes,\n type: PropTypes.oneOf(['color'])\n }),\n PropTypes.shape({\n ...InputReadonly.propTypes,\n type: PropTypes.oneOf(['readonly'])\n }),\n PropTypes.shape({\n ...InputSwitch.propTypes,\n type: PropTypes.oneOf(['switch'])\n }),\n PropTypes.shape({\n ...InputTextarea.propTypes,\n type: PropTypes.oneOf(['textarea']),\n size: PropTypes.oneOf(keys(inputContainerStyle))\n }),\n PropTypes.shape({\n ...InputHTML.propTypes,\n type: PropTypes.oneOf(['html'])\n }),\n PropTypes.shape({\n ...InputDoublestep.propTypes,\n type: PropTypes.oneOf(['doublestep'])\n }),\n PropTypes.shape({\n ...Select.propTypes,\n type: PropTypes.oneOf(['select']),\n size: PropTypes.oneOf(keys(inputContainerStyle))\n }),\n PropTypes.shape({\n ...InputCheckbox.propTypes,\n type: PropTypes.oneOf(['checkbox'])\n }),\n PropTypes.shape({\n ...InputFileDraggable.propTypes,\n type: PropTypes.oneOf(['image'])\n }),\n PropTypes.shape({\n ...InputFileDraggable.propTypes,\n type: PropTypes.oneOf(['bulkImage'])\n }),\n PropTypes.shape({\n ...SetupSlider.propTypes,\n type: PropTypes.oneOf(['slider'])\n }),\n PropTypes.shape({\n ...SetupSections.propTypes,\n type: PropTypes.oneOf(['sections'])\n }),\n PropTypes.shape({\n ...InputText.propTypes,\n type: PropTypes.oneOf(['text']),\n size: PropTypes.oneOf(keys(inputContainerStyle))\n }),\n PropTypes.shape({\n ...BrandDownloadBox.propTypes,\n type: PropTypes.oneOf(['downloadbox'])\n }),\n PropTypes.shape({\n ...BrandUploadBox.propTypes,\n type: PropTypes.oneOf(['uploadbox'])\n }),\n PropTypes.shape({\n ...Button.propTypes,\n type: PropTypes.oneOf(['button'])\n }),\n PropTypes.shape({\n ...ButtonLink.propTypes,\n buttonType: ButtonLink.propTypes.type,\n type: PropTypes.oneOf(['buttonLink'])\n }),\n PropTypes.shape({\n ...SelectMultiple.propTypes,\n type: PropTypes.oneOf(['selectMultiple'])\n }),\n PropTypes.shape({\n ...Roles.propTypes,\n type: PropTypes.oneOf(['roles'])\n }),\n PropTypes.shape(InputText.propTypes),\n PropTypes.shape({\n ...TitleAndInput.propTypes,\n type: PropTypes.oneOf(['titleAndInput'])\n })\n ])\n )\n};\nexport default BrandFormGroup;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","names":["inputContainerStyle","default","style","defaultWidth","medium","mediumWidth","large","largeWidth","buildInput","field","type","rest","imageUploadContainer","bulkUploadContainer","submitValue","href","target","download","width","buttonType","buildField","index","input","theme","size","styleInput","styleField","fieldMassiveBattle","defineLayoutClass","layout","classNames","grid","layoutBulk","BrandFormGroup","props","title","subtitle","fieldsLayout","groupLayout","fields","subtitleSize","fieldsList","convert","cap","useMemo","wrapper","groupGrid","titleWrapper","propTypes","PropTypes","string","arrayOf","oneOfType","shape","Autocomplete","oneOf","InputColor","InputReadonly","InputText","InputSwitch","InputTextarea","InputHTML","InputDoublestep","Select","InputCheckbox","InputFileDraggable","SetupSlider","SetupSections","BrandDownloadBox","BrandUploadBox","Button","ButtonLink","SelectMultiple","Roles","TitleAndInput"],"sources":["../../../src/molecule/brand-form-group/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {keys, map, snakeCase} from 'lodash/fp';\nimport classNames from 'classnames';\nimport Autocomplete from '../../atom/autocomplete';\nimport Select from '../../atom/select';\nimport SelectMultiple from '../select-multiple';\nimport InputText from '../../atom/input-text';\nimport InputColor from '../../atom/input-color';\nimport InputCheckbox from '../../atom/input-checkbox';\nimport InputReadonly from '../../atom/input-readonly';\nimport InputSwitch from '../../atom/input-switch';\nimport BrandUploadBox from '../brand-upload-box';\nimport BrandDownloadBox from '../brand-download-box';\nimport Button from '../../atom/button';\nimport InputTextarea from '../../atom/input-textarea';\nimport InputHTML from '../../atom/input-html';\nimport InputDoublestep from '../../atom/input-doublestep';\nimport InputFileDraggable from '../../atom/input-file-draggable';\nimport SetupSlider from '../setup-slider';\nimport SetupSections from '../setup-sections';\nimport Title from '../../atom/title';\nimport Roles from '../coorp-manager-roles';\nimport TitleAndCheckBoxWrapper from '../title-and-checkbox-wrapper';\nimport ButtonLink from '../../atom/button-link';\nimport TitleAndInput from '../../organism/title-and-input';\nimport style from './style.css';\n\nconst inputContainerStyle = {\n default: style.defaultWidth,\n medium: style.mediumWidth,\n large: style.largeWidth\n};\n\nconst buildInput = field => {\n const {type, ...rest} = field;\n\n switch (type) {\n case 'autoComplete':\n return <Autocomplete {...field} />;\n case 'color':\n return <InputColor {...field} />;\n case 'readonly':\n return <InputReadonly {...field} />;\n case 'switch':\n return <InputSwitch {...field} />;\n case 'textarea':\n return <InputTextarea {...field} />;\n case 'html':\n return <InputHTML {...field} />;\n case 'doublestep':\n return <InputDoublestep {...field} />;\n case 'select':\n return <Select {...field} theme={'coorpmanager'} />;\n case 'selectMultiple':\n return <SelectMultiple {...field} />;\n case 'checkbox':\n return <InputCheckbox {...field} />;\n case 'image':\n return (\n <div className={style.imageUploadContainer}>\n <InputFileDraggable {...field} />\n </div>\n );\n case 'bulkUpload':\n return (\n <div className={style.bulkUploadContainer}>\n <InputFileDraggable {...field} />\n </div>\n );\n case 'slider':\n return <SetupSlider {...field} />;\n case 'sections':\n return <SetupSections {...field} />;\n case 'text':\n case 'password':\n return <InputText {...field} />;\n case 'downloadbox':\n return <BrandDownloadBox {...field} />;\n case 'uploadbox':\n return <BrandUploadBox {...field} />;\n case 'button':\n case 'link':\n return (\n <ButtonLink\n {...field}\n type=\"primary\"\n label={field.submitValue}\n link={\n field.href ? {href: field.href, target: field.target, download: field.download} : null\n }\n customStyle={{width: 'fit-content'}}\n />\n );\n case 'buttonLink':\n return <ButtonLink {...field} type={field.buttonType} />;\n case 'roles':\n return <Roles {...field} />;\n case 'titleAndCheckBoxWrapper':\n return <TitleAndCheckBoxWrapper {...field} />;\n case 'titleAndInput':\n return <TitleAndInput {...field} />;\n default:\n return <InputText {...rest} type={'text'} />;\n }\n};\n\nconst buildField = (field, index) => {\n const input = buildInput(field);\n const {theme, size = 'default'} = field.type === 'titleAndInput' ? field.field : field;\n const styleInput = theme === 'coorpmanager' ? inputContainerStyle[size] : style.field;\n const styleField = field.type === 'titleAndInput' ? style.fieldMassiveBattle : styleInput;\n\n return (\n <div className={styleField} key={index}>\n {input}\n </div>\n );\n};\n\nconst defineLayoutClass = layout => {\n if (layout === 'grid') return classNames(style.grid);\n else if (layout === 'bulkLayout') return classNames(style.layoutBulk);\n else return classNames(null);\n};\n\nconst BrandFormGroup = props => {\n const {\n title,\n subtitle = '',\n fieldsLayout = '',\n groupLayout = '',\n fields = [],\n subtitleSize = 'standard'\n } = props;\n const fieldsList = map.convert({cap: false})(buildField, fields);\n const layout = useMemo(() => defineLayoutClass(fieldsLayout), [fieldsLayout]);\n\n return (\n <div\n data-name={`brand_form_group_${snakeCase(title)}`}\n className={classNames(style.wrapper, groupLayout === 'grid' && style.groupGrid)}\n >\n <div className={style.titleWrapper}>\n <Title title={title} subtitle={subtitle} subtitleSize={subtitleSize} type={'form-group'} />\n </div>\n <div className={layout}>{fieldsList}</div>\n </div>\n );\n};\n\nBrandFormGroup.propTypes = {\n title: PropTypes.string,\n subtitle: PropTypes.string,\n subtitleSize: PropTypes.string,\n fieldsLayout: PropTypes.string,\n groupLayout: PropTypes.string,\n fields: PropTypes.arrayOf(\n PropTypes.oneOfType([\n PropTypes.shape({\n ...Autocomplete.propTypes,\n type: PropTypes.oneOf(['autoComplete']),\n size: PropTypes.oneOf(keys(inputContainerStyle))\n }),\n PropTypes.shape({\n ...InputColor.propTypes,\n type: PropTypes.oneOf(['color'])\n }),\n PropTypes.shape({\n ...InputReadonly.propTypes,\n type: PropTypes.oneOf(['readonly'])\n }),\n PropTypes.shape({\n ...InputText.propTypes,\n type: PropTypes.oneOf(['password']),\n size: PropTypes.oneOf(keys(inputContainerStyle))\n }),\n PropTypes.shape({\n ...InputSwitch.propTypes,\n type: PropTypes.oneOf(['switch'])\n }),\n PropTypes.shape({\n ...InputTextarea.propTypes,\n type: PropTypes.oneOf(['textarea']),\n size: PropTypes.oneOf(keys(inputContainerStyle))\n }),\n PropTypes.shape({\n ...InputHTML.propTypes,\n type: PropTypes.oneOf(['html'])\n }),\n PropTypes.shape({\n ...InputDoublestep.propTypes,\n type: PropTypes.oneOf(['doublestep'])\n }),\n PropTypes.shape({\n ...Select.propTypes,\n type: PropTypes.oneOf(['select']),\n size: PropTypes.oneOf(keys(inputContainerStyle))\n }),\n PropTypes.shape({\n ...InputCheckbox.propTypes,\n type: PropTypes.oneOf(['checkbox'])\n }),\n PropTypes.shape({\n ...InputFileDraggable.propTypes,\n type: PropTypes.oneOf(['image'])\n }),\n PropTypes.shape({\n ...InputFileDraggable.propTypes,\n type: PropTypes.oneOf(['bulkImage'])\n }),\n PropTypes.shape({\n ...SetupSlider.propTypes,\n type: PropTypes.oneOf(['slider'])\n }),\n PropTypes.shape({\n ...SetupSections.propTypes,\n type: PropTypes.oneOf(['sections'])\n }),\n PropTypes.shape({\n ...InputText.propTypes,\n type: PropTypes.oneOf(['text', 'password']),\n size: PropTypes.oneOf(keys(inputContainerStyle))\n }),\n PropTypes.shape({\n ...BrandDownloadBox.propTypes,\n type: PropTypes.oneOf(['downloadbox'])\n }),\n PropTypes.shape({\n ...BrandUploadBox.propTypes,\n type: PropTypes.oneOf(['uploadbox'])\n }),\n PropTypes.shape({\n ...Button.propTypes,\n type: PropTypes.oneOf(['button'])\n }),\n PropTypes.shape({\n ...ButtonLink.propTypes,\n buttonType: ButtonLink.propTypes.type,\n type: PropTypes.oneOf(['buttonLink'])\n }),\n PropTypes.shape({\n ...SelectMultiple.propTypes,\n type: PropTypes.oneOf(['selectMultiple'])\n }),\n PropTypes.shape({\n ...Roles.propTypes,\n type: PropTypes.oneOf(['roles'])\n }),\n PropTypes.shape(InputText.propTypes),\n PropTypes.shape({\n ...TitleAndInput.propTypes,\n type: PropTypes.oneOf(['titleAndInput'])\n })\n ])\n )\n};\nexport default BrandFormGroup;\n"],"mappings":"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"}
|
|
@@ -47,6 +47,7 @@ declare namespace CourseSections {
|
|
|
47
47
|
onChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
48
48
|
description: PropTypes.Requireable<string>;
|
|
49
49
|
modified: PropTypes.Requireable<boolean>;
|
|
50
|
+
type: PropTypes.Requireable<string>;
|
|
50
51
|
valid: PropTypes.Requireable<boolean>;
|
|
51
52
|
'aria-label': PropTypes.Requireable<string>;
|
|
52
53
|
'data-name': PropTypes.Requireable<string>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export default ProgressWrapper;
|
|
2
|
-
declare function ProgressWrapper({
|
|
3
|
-
completedCourses: any;
|
|
2
|
+
declare function ProgressWrapper({ completedModules, mandatoryModules, title, subtitle, progression, sections }: {
|
|
4
3
|
completedModules: any;
|
|
4
|
+
mandatoryModules: any;
|
|
5
5
|
title: any;
|
|
6
6
|
subtitle: any;
|
|
7
7
|
progression: any;
|
|
@@ -14,13 +14,12 @@ declare namespace ProgressWrapper {
|
|
|
14
14
|
namespace propTypes {
|
|
15
15
|
const title: PropTypes.Requireable<string>;
|
|
16
16
|
const subtitle: PropTypes.Requireable<string>;
|
|
17
|
-
const completedCourses: PropTypes.Requireable<number>;
|
|
18
17
|
const completedModules: PropTypes.Requireable<number>;
|
|
18
|
+
const mandatoryModules: PropTypes.Requireable<number>;
|
|
19
19
|
const progression: PropTypes.Requireable<number>;
|
|
20
20
|
const sections: PropTypes.Requireable<(PropTypes.InferProps<{
|
|
21
21
|
type: PropTypes.Requireable<string>;
|
|
22
|
-
|
|
23
|
-
onDownload: PropTypes.Requireable<(...args: any[]) => any>;
|
|
22
|
+
downloadUrl: PropTypes.Requireable<string>;
|
|
24
23
|
stars: PropTypes.Requireable<number>;
|
|
25
24
|
}> | null | undefined)[]>;
|
|
26
25
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/progress-wrapper/index.js"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/progress-wrapper/index.js"],"names":[],"mappings":";AA6FA;;;;;;;8BAuDC"}
|
|
@@ -5,8 +5,6 @@ exports.default = void 0;
|
|
|
5
5
|
|
|
6
6
|
var _map2 = _interopRequireDefault(require("lodash/fp/map"));
|
|
7
7
|
|
|
8
|
-
var _lowerCase2 = _interopRequireDefault(require("lodash/fp/lowerCase"));
|
|
9
|
-
|
|
10
8
|
var _isEmpty2 = _interopRequireDefault(require("lodash/fp/isEmpty"));
|
|
11
9
|
|
|
12
10
|
var _react = _interopRequireDefault(require("react"));
|
|
@@ -41,8 +39,7 @@ const DetailSection = ({
|
|
|
41
39
|
index,
|
|
42
40
|
type,
|
|
43
41
|
isLocked,
|
|
44
|
-
|
|
45
|
-
onDownload,
|
|
42
|
+
downloadUrl,
|
|
46
43
|
stars
|
|
47
44
|
}, context) => {
|
|
48
45
|
const {
|
|
@@ -52,7 +49,10 @@ const DetailSection = ({
|
|
|
52
49
|
|
|
53
50
|
const DownloadButton = /*#__PURE__*/_react.default.createElement(_buttonLink.default, {
|
|
54
51
|
label: translate('download'),
|
|
55
|
-
|
|
52
|
+
link: {
|
|
53
|
+
target: '_blank',
|
|
54
|
+
href: downloadUrl
|
|
55
|
+
},
|
|
56
56
|
"data-name": "download-button",
|
|
57
57
|
"aria-label": "download button",
|
|
58
58
|
customStyle: {
|
|
@@ -106,7 +106,7 @@ const DetailSection = ({
|
|
|
106
106
|
className: _style.default[`detailsSection${index}`]
|
|
107
107
|
}, /*#__PURE__*/_react.default.createElement("img", {
|
|
108
108
|
className: _style.default.img,
|
|
109
|
-
src:
|
|
109
|
+
src: type === 'badge' ? downloadUrl : 'https://s3.eu-west-1.amazonaws.com/static.coorpacademy.com/assets/images/diploma.svg'
|
|
110
110
|
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
111
111
|
className: _style.default.detailsInfo
|
|
112
112
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -119,8 +119,8 @@ const DetailSection = ({
|
|
|
119
119
|
};
|
|
120
120
|
|
|
121
121
|
const ProgressWrapper = ({
|
|
122
|
-
completedCourses,
|
|
123
122
|
completedModules,
|
|
123
|
+
mandatoryModules,
|
|
124
124
|
title,
|
|
125
125
|
subtitle,
|
|
126
126
|
progression,
|
|
@@ -129,7 +129,7 @@ const ProgressWrapper = ({
|
|
|
129
129
|
const {
|
|
130
130
|
translate
|
|
131
131
|
} = context;
|
|
132
|
-
const
|
|
132
|
+
const mandatoryCompletedModulesLocal = translate('modules_completed_mandatory');
|
|
133
133
|
const isLocked = progression !== 100;
|
|
134
134
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
135
135
|
className: _style.default.container
|
|
@@ -146,13 +146,7 @@ const ProgressWrapper = ({
|
|
|
146
146
|
className: _style.default.stats
|
|
147
147
|
}, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("span", {
|
|
148
148
|
className: _style.default.statsNumber
|
|
149
|
-
},
|
|
150
|
-
className: _style.default.divider
|
|
151
|
-
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
152
|
-
className: _style.default.statsModule
|
|
153
|
-
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
154
|
-
className: _style.default.statsNumber
|
|
155
|
-
}, completedModules), modulesCompletedLocal)), /*#__PURE__*/_react.default.createElement("div", {
|
|
149
|
+
}, `${completedModules > mandatoryModules ? mandatoryModules : completedModules} / ${mandatoryModules}`), mandatoryCompletedModulesLocal)), /*#__PURE__*/_react.default.createElement("div", {
|
|
156
150
|
className: _style.default.progression
|
|
157
151
|
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
158
152
|
className: _style.default.statsNumber
|
|
@@ -165,27 +159,19 @@ const ProgressWrapper = ({
|
|
|
165
159
|
value: progression,
|
|
166
160
|
max: 100
|
|
167
161
|
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
168
|
-
className: _style.default.statsMobile
|
|
169
|
-
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
170
|
-
className: _style.default.statsModuleMobile
|
|
171
|
-
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
172
|
-
className: _style.default.statsNumber
|
|
173
|
-
}, completedModules), modulesCompletedLocal), /*#__PURE__*/_react.default.createElement("div", {
|
|
174
162
|
className: _style.default.statsProgressionMobile
|
|
175
163
|
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
176
164
|
className: _style.default.statsNumber
|
|
177
|
-
}, progression, "%"))
|
|
165
|
+
}, progression, "%")), (0, _isEmpty2.default)(sections) ? null : /*#__PURE__*/_react.default.createElement("div", {
|
|
178
166
|
className: _style.default.details
|
|
179
167
|
}, uncappedMap(({
|
|
180
168
|
type,
|
|
181
169
|
stars,
|
|
182
|
-
|
|
183
|
-
onDownload
|
|
170
|
+
downloadUrl
|
|
184
171
|
}, index) => /*#__PURE__*/_react.default.createElement(DetailSection, {
|
|
185
172
|
type,
|
|
186
173
|
isLocked,
|
|
187
|
-
|
|
188
|
-
onDownload,
|
|
174
|
+
downloadUrl,
|
|
189
175
|
stars,
|
|
190
176
|
key: `${type}-${index}`,
|
|
191
177
|
index: index
|
|
@@ -194,8 +180,7 @@ const ProgressWrapper = ({
|
|
|
194
180
|
|
|
195
181
|
const commonDetailSectionPropTypes = process.env.NODE_ENV !== "production" ? {
|
|
196
182
|
type: _propTypes.default.oneOf(['diploma', 'badge', 'stars']),
|
|
197
|
-
|
|
198
|
-
onDownload: _propTypes.default.func,
|
|
183
|
+
downloadUrl: _propTypes.default.string,
|
|
199
184
|
stars: _propTypes.default.number
|
|
200
185
|
} : {};
|
|
201
186
|
DetailSection.contextTypes = {
|
|
@@ -211,8 +196,8 @@ ProgressWrapper.contextTypes = {
|
|
|
211
196
|
ProgressWrapper.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
212
197
|
title: _propTypes.default.string,
|
|
213
198
|
subtitle: _propTypes.default.string,
|
|
214
|
-
completedCourses: _propTypes.default.number,
|
|
215
199
|
completedModules: _propTypes.default.number,
|
|
200
|
+
mandatoryModules: _propTypes.default.number,
|
|
216
201
|
progression: _propTypes.default.number,
|
|
217
202
|
sections: _propTypes.default.arrayOf(_propTypes.default.shape(commonDetailSectionPropTypes))
|
|
218
203
|
} : {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["uncappedMap","convert","cap","DetailSection","index","type","isLocked","badgeUrl","onDownload","stars","context","translate","isTypeStars","DownloadButton","backgroundColor","color","position","faIcon","name","size","customStyle","padding","LockedTag","iconName","iconColor","preset","style","detailsInfo","detailsInfoText","detailsTitle","img","buttonContainer","ProgressWrapper","completedCourses","completedModules","title","subtitle","progression","sections","modulesCompletedLocal","container","titleContainer","statscontainer","stats","statsNumber","divider","statsModule","customProgressBar","COLORS","positive","statsMobile","statsModuleMobile","statsProgressionMobile","details","commonDetailSectionPropTypes","PropTypes","oneOf","string","func","number","contextTypes","Provider","childContextTypes","propTypes","bool","arrayOf","shape"],"sources":["../../../src/molecule/progress-wrapper/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty, lowerCase, map} from 'lodash/fp';\nimport Title from '../../atom/title';\nimport ProgressBar from '../progress-bar';\nimport {COLORS} from '../../variables/colors';\nimport Tag from '../../atom/tag';\nimport ButtonLink from '../../atom/button-link';\nimport Icon from '../../atom/icon';\nimport Provider from '../../atom/provider';\n// eslint-disable-next-line css-modules/no-unused-class\nimport style from './style.css';\n\nconst uncappedMap = map.convert({cap: false});\n\nconst DetailSection = ({index, type, isLocked, badgeUrl, onDownload, stars}, context) => {\n const {translate} = context;\n const isTypeStars = type === 'stars';\n\n const DownloadButton = (\n <ButtonLink\n label={translate('download')}\n onClick={onDownload}\n data-name=\"download-button\"\n aria-label=\"download button\"\n customStyle={{backgroundColor: '#F1F6FE', color: '#0061FF'}}\n icon={{\n position: 'left',\n faIcon: {\n name: 'download',\n color: '#0061FF',\n size: 14,\n customStyle: {padding: 0}\n }\n }}\n disabled={isLocked}\n />\n );\n\n const LockedTag = (\n <Tag\n label=\"Locked\"\n size=\"S\"\n icon={{\n position: 'left',\n iconName: 'lock',\n iconColor: '#515161',\n preset: 's',\n customStyle: {padding: 0}\n }}\n />\n );\n\n return isTypeStars ? (\n <div className={style[`detailsSection${index}`]}>\n <div className={style.detailsInfo}>\n <div className={style.detailsInfoText}>\n <span className={style.detailsTitle}>{translate('bonus_stars')}</span>\n {isLocked ? LockedTag : null}\n </div>\n <div className={style.stars}>\n <Icon iconName=\"star\" iconColor=\"#FFCE0A\" backgroundColor=\"#FFF9D1\" preset=\"xl\" />\n <span>{stars}</span>\n </div>\n </div>\n </div>\n ) : (\n <div className={style[`detailsSection${index}`]}>\n <img\n className={style.img}\n src={\n badgeUrl ||\n 'https://s3.eu-west-1.amazonaws.com/static.coorpacademy.com/assets/images/diploma.svg'\n }\n />\n <div className={style.detailsInfo}>\n <div className={style.detailsInfoText}>\n <span className={style.detailsTitle}>\n {type === 'diploma' ? translate('diploma') : translate('badge')}\n </span>\n {isLocked ? LockedTag : null}\n </div>\n\n <div className={style.buttonContainer}>{DownloadButton}</div>\n </div>\n </div>\n );\n};\n\nconst ProgressWrapper = (\n {completedCourses, completedModules, title, subtitle, progression, sections},\n context\n) => {\n const {translate} = context;\n const modulesCompletedLocal = translate('modules_completed');\n const isLocked = progression !== 100;\n\n return (\n <div className={style.container}>\n <div className={style.titleContainer}>\n <Title type=\"form-group\" titleSize=\"medium\" title={title} subtitle={subtitle} />\n </div>\n <div className={style.statscontainer}>\n <div className={style.stats}>\n <div>\n <span className={style.statsNumber}>{completedCourses}</span>\n {lowerCase(translate('courses_completed'))}\n </div>\n <div className={style.divider} />\n <div className={style.statsModule}>\n <span className={style.statsNumber}>{completedModules}</span>\n {modulesCompletedLocal}\n </div>\n </div>\n <div className={style.progression}>\n <span className={style.statsNumber}>{progression}%</span>\n </div>\n </div>\n <ProgressBar\n className={style.customProgressBar}\n style={{backgroundColor: COLORS.positive}}\n displayInfo={false}\n value={progression}\n max={100}\n />\n <div className={style.statsMobile}>\n <div className={style.statsModuleMobile}>\n <span className={style.statsNumber}>{completedModules}</span>\n {modulesCompletedLocal}\n </div>\n <div className={style.statsProgressionMobile}>\n <span className={style.statsNumber}>{progression}%</span>\n </div>\n </div>\n\n {isEmpty(sections) ? null : (\n <div className={style.details}>\n {uncappedMap(\n ({type, stars, badgeUrl, onDownload}, index) => (\n <DetailSection\n {...{type, isLocked, badgeUrl, onDownload, stars}}\n key={`${type}-${index}`}\n index={index}\n />\n ),\n sections\n )}\n </div>\n )}\n </div>\n );\n};\n\nconst commonDetailSectionPropTypes = {\n type: PropTypes.oneOf(['diploma', 'badge', 'stars']),\n badgeUrl: PropTypes.string,\n onDownload: PropTypes.func,\n stars: PropTypes.number\n};\n\nDetailSection.contextTypes = {\n translate: Provider.childContextTypes.translate\n};\n\nDetailSection.propTypes = {\n index: PropTypes.number,\n isLocked: PropTypes.bool,\n ...commonDetailSectionPropTypes\n};\n\nProgressWrapper.contextTypes = {\n translate: Provider.childContextTypes.translate\n};\n\nProgressWrapper.propTypes = {\n title: PropTypes.string,\n subtitle: PropTypes.string,\n completedCourses: PropTypes.number,\n completedModules: PropTypes.number,\n progression: PropTypes.number,\n sections: PropTypes.arrayOf(PropTypes.shape(commonDetailSectionPropTypes))\n};\n\nexport default ProgressWrapper;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","names":["uncappedMap","convert","cap","DetailSection","index","type","isLocked","downloadUrl","stars","context","translate","isTypeStars","DownloadButton","target","href","backgroundColor","color","position","faIcon","name","size","customStyle","padding","LockedTag","iconName","iconColor","preset","style","detailsInfo","detailsInfoText","detailsTitle","img","buttonContainer","ProgressWrapper","completedModules","mandatoryModules","title","subtitle","progression","sections","mandatoryCompletedModulesLocal","container","titleContainer","statscontainer","stats","statsNumber","customProgressBar","COLORS","positive","statsProgressionMobile","details","commonDetailSectionPropTypes","PropTypes","oneOf","string","number","contextTypes","Provider","childContextTypes","propTypes","bool","arrayOf","shape"],"sources":["../../../src/molecule/progress-wrapper/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty, map} from 'lodash/fp';\nimport Title from '../../atom/title';\nimport ProgressBar from '../progress-bar';\nimport {COLORS} from '../../variables/colors';\nimport Tag from '../../atom/tag';\nimport ButtonLink from '../../atom/button-link';\nimport Icon from '../../atom/icon';\nimport Provider from '../../atom/provider';\n// eslint-disable-next-line css-modules/no-unused-class\nimport style from './style.css';\n\nconst uncappedMap = map.convert({cap: false});\n\nconst DetailSection = ({index, type, isLocked, downloadUrl, stars}, context) => {\n const {translate} = context;\n const isTypeStars = type === 'stars';\n\n const DownloadButton = (\n <ButtonLink\n label={translate('download')}\n link={{\n target: '_blank',\n href: downloadUrl\n }}\n data-name=\"download-button\"\n aria-label=\"download button\"\n customStyle={{backgroundColor: '#F1F6FE', color: '#0061FF'}}\n icon={{\n position: 'left',\n faIcon: {\n name: 'download',\n color: '#0061FF',\n size: 14,\n customStyle: {padding: 0}\n }\n }}\n disabled={isLocked}\n />\n );\n\n const LockedTag = (\n <Tag\n label=\"Locked\"\n size=\"S\"\n icon={{\n position: 'left',\n iconName: 'lock',\n iconColor: '#515161',\n preset: 's',\n customStyle: {padding: 0}\n }}\n />\n );\n\n return isTypeStars ? (\n <div className={style[`detailsSection${index}`]}>\n <div className={style.detailsInfo}>\n <div className={style.detailsInfoText}>\n <span className={style.detailsTitle}>{translate('bonus_stars')}</span>\n {isLocked ? LockedTag : null}\n </div>\n <div className={style.stars}>\n <Icon iconName=\"star\" iconColor=\"#FFCE0A\" backgroundColor=\"#FFF9D1\" preset=\"xl\" />\n <span>{stars}</span>\n </div>\n </div>\n </div>\n ) : (\n <div className={style[`detailsSection${index}`]}>\n <img\n className={style.img}\n src={\n type === 'badge'\n ? downloadUrl\n : 'https://s3.eu-west-1.amazonaws.com/static.coorpacademy.com/assets/images/diploma.svg'\n }\n />\n <div className={style.detailsInfo}>\n <div className={style.detailsInfoText}>\n <span className={style.detailsTitle}>\n {type === 'diploma' ? translate('diploma') : translate('badge')}\n </span>\n {isLocked ? LockedTag : null}\n </div>\n\n <div className={style.buttonContainer}>{DownloadButton}</div>\n </div>\n </div>\n );\n};\n\nconst ProgressWrapper = (\n {completedModules, mandatoryModules, title, subtitle, progression, sections},\n context\n) => {\n const {translate} = context;\n const mandatoryCompletedModulesLocal = translate('modules_completed_mandatory');\n const isLocked = progression !== 100;\n\n return (\n <div className={style.container}>\n <div className={style.titleContainer}>\n <Title type=\"form-group\" titleSize=\"medium\" title={title} subtitle={subtitle} />\n </div>\n <div className={style.statscontainer}>\n <div className={style.stats}>\n <div>\n <span className={style.statsNumber}>\n {`${\n completedModules > mandatoryModules ? mandatoryModules : completedModules\n } / ${mandatoryModules}`}\n </span>\n {mandatoryCompletedModulesLocal}\n </div>\n </div>\n <div className={style.progression}>\n <span className={style.statsNumber}>{progression}%</span>\n </div>\n </div>\n <ProgressBar\n className={style.customProgressBar}\n style={{backgroundColor: COLORS.positive}}\n displayInfo={false}\n value={progression}\n max={100}\n />\n <div className={style.statsProgressionMobile}>\n <span className={style.statsNumber}>{progression}%</span>\n </div>\n\n {isEmpty(sections) ? null : (\n <div className={style.details}>\n {uncappedMap(\n ({type, stars, downloadUrl}, index) => (\n <DetailSection\n {...{type, isLocked, downloadUrl, stars}}\n key={`${type}-${index}`}\n index={index}\n />\n ),\n sections\n )}\n </div>\n )}\n </div>\n );\n};\n\nconst commonDetailSectionPropTypes = {\n type: PropTypes.oneOf(['diploma', 'badge', 'stars']),\n downloadUrl: PropTypes.string,\n stars: PropTypes.number\n};\n\nDetailSection.contextTypes = {\n translate: Provider.childContextTypes.translate\n};\n\nDetailSection.propTypes = {\n index: PropTypes.number,\n isLocked: PropTypes.bool,\n ...commonDetailSectionPropTypes\n};\n\nProgressWrapper.contextTypes = {\n translate: Provider.childContextTypes.translate\n};\n\nProgressWrapper.propTypes = {\n title: PropTypes.string,\n subtitle: PropTypes.string,\n completedModules: PropTypes.number,\n mandatoryModules: PropTypes.number,\n progression: PropTypes.number,\n sections: PropTypes.arrayOf(PropTypes.shape(commonDetailSectionPropTypes))\n};\n\nexport default ProgressWrapper;\n"],"mappings":"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"}
|
|
@@ -41,14 +41,6 @@
|
|
|
41
41
|
gap: 16px;
|
|
42
42
|
}
|
|
43
43
|
|
|
44
|
-
.divider {
|
|
45
|
-
width: 4px;
|
|
46
|
-
height: 4px;
|
|
47
|
-
background-color: #d7d7da;
|
|
48
|
-
border: solid #d7d7da 1px;
|
|
49
|
-
border-radius: 4px;
|
|
50
|
-
}
|
|
51
|
-
|
|
52
44
|
.progression {
|
|
53
45
|
display: flex;
|
|
54
46
|
justify-content: end;
|
|
@@ -129,10 +121,6 @@
|
|
|
129
121
|
font-weight: 700;
|
|
130
122
|
}
|
|
131
123
|
|
|
132
|
-
.statsMobile {
|
|
133
|
-
display: none;
|
|
134
|
-
}
|
|
135
|
-
|
|
136
124
|
.statsModuleMobile {
|
|
137
125
|
display: none;
|
|
138
126
|
}
|
|
@@ -140,6 +128,9 @@
|
|
|
140
128
|
.statsProgressionMobile {
|
|
141
129
|
composes: progression;
|
|
142
130
|
display: none;
|
|
131
|
+
color: cm_grey_400;
|
|
132
|
+
font-weight: 600;
|
|
133
|
+
padding-top: 16px;
|
|
143
134
|
}
|
|
144
135
|
|
|
145
136
|
@media mobile, tablet {
|
|
@@ -160,12 +151,6 @@
|
|
|
160
151
|
justify-content: space-around;
|
|
161
152
|
gap: 0;
|
|
162
153
|
}
|
|
163
|
-
.divider {
|
|
164
|
-
display: none;
|
|
165
|
-
}
|
|
166
|
-
.statsModule {
|
|
167
|
-
display: none;
|
|
168
|
-
}
|
|
169
154
|
.progression {
|
|
170
155
|
display: none;
|
|
171
156
|
}
|
|
@@ -175,11 +160,4 @@
|
|
|
175
160
|
.statsModuleMobile {
|
|
176
161
|
display: block;
|
|
177
162
|
}
|
|
178
|
-
.statsMobile {
|
|
179
|
-
display: flex;
|
|
180
|
-
justify-content: space-between;
|
|
181
|
-
padding-top: 16px;
|
|
182
|
-
color: cm_grey_400;
|
|
183
|
-
font-weight: 600;
|
|
184
|
-
}
|
|
185
163
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/setup-slider/index.js"],"names":[],"mappings":";AAiBA,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/setup-slider/index.js"],"names":[],"mappings":";AAiBA,sDAyEC;;;;AAsDD,wCAGE"}
|
|
@@ -35,10 +35,14 @@ var _title = _interopRequireDefault(require("../../atom/title"));
|
|
|
35
35
|
|
|
36
36
|
var _style = _interopRequireDefault(require("./style.css"));
|
|
37
37
|
|
|
38
|
+
const _excluded = ["type"];
|
|
39
|
+
|
|
38
40
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
39
41
|
|
|
40
42
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
41
43
|
|
|
44
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
45
|
+
|
|
42
46
|
const SetupSlider = props => {
|
|
43
47
|
const {
|
|
44
48
|
tabProps = [],
|
|
@@ -52,7 +56,8 @@ const SetupSlider = props => {
|
|
|
52
56
|
const buildInput = field => {
|
|
53
57
|
const {
|
|
54
58
|
type
|
|
55
|
-
} = field
|
|
59
|
+
} = field,
|
|
60
|
+
rest = _objectWithoutPropertiesLoose(field, _excluded);
|
|
56
61
|
|
|
57
62
|
switch (type) {
|
|
58
63
|
case 'switch':
|
|
@@ -101,8 +106,14 @@ const SetupSlider = props => {
|
|
|
101
106
|
theme: 'setup'
|
|
102
107
|
}, buildSlides(field.slides));
|
|
103
108
|
|
|
104
|
-
|
|
109
|
+
case 'text':
|
|
110
|
+
case 'password':
|
|
105
111
|
return /*#__PURE__*/_react.default.createElement(_inputText.default, field);
|
|
112
|
+
|
|
113
|
+
default:
|
|
114
|
+
return /*#__PURE__*/_react.default.createElement(_inputText.default, _extends({}, rest, {
|
|
115
|
+
type: 'text'
|
|
116
|
+
}));
|
|
106
117
|
}
|
|
107
118
|
};
|
|
108
119
|
|
|
@@ -148,6 +159,8 @@ const SlidePropTypes = process.env.NODE_ENV !== "production" ? _propTypes.defaul
|
|
|
148
159
|
type: _propTypes.default.oneOf(['image'])
|
|
149
160
|
})), _propTypes.default.shape(_extends({}, _inputReadonly.default.propTypes, {
|
|
150
161
|
type: _propTypes.default.oneOf(['readonly'])
|
|
162
|
+
})), _propTypes.default.shape(_extends({}, _inputText.default.propTypes, {
|
|
163
|
+
type: _propTypes.default.oneOf(['text', 'password'])
|
|
151
164
|
})), _propTypes.default.shape(_extends({}, _inputDoublestep.default.propTypes, {
|
|
152
165
|
type: _propTypes.default.oneOf(['doublestep'])
|
|
153
166
|
})), _propTypes.default.shape(_extends({}, _setupCohortItem.default.propTypes, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["SetupSlider","props","tabProps","slides","buildSlides","slides_","convert","cap","slide","key","buildInput","field","type","style","imageUploadContainer","title","subtitle","buildField","index","input","fieldsList","fields","wrapper","slidesView","wrapperStyle","SlidePropTypes","PropTypes","shape","arrayOf","oneOfType","propTypes","oneOf","InputSwitch","Select","InputCheckbox","InputFileDraggable","InputReadonly","InputDoublestep","SetupCohortItem","MessagePopin","
|
|
1
|
+
{"version":3,"file":"index.js","names":["SetupSlider","props","tabProps","slides","buildSlides","slides_","convert","cap","slide","key","buildInput","field","type","rest","style","imageUploadContainer","title","subtitle","buildField","index","input","fieldsList","fields","wrapper","slidesView","wrapperStyle","SlidePropTypes","PropTypes","shape","arrayOf","oneOfType","propTypes","oneOf","InputSwitch","Select","InputCheckbox","InputFileDraggable","InputReadonly","InputText","InputDoublestep","SetupCohortItem","MessagePopin","BrandDownloadBox","SetupSliderPropTypes","Accordion"],"sources":["../../../src/molecule/setup-slider/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport Accordion from '../../organism/accordion/toggler';\nimport Select from '../../atom/select';\nimport InputReadonly from '../../atom/input-readonly';\nimport InputText from '../../atom/input-text';\nimport InputCheckbox from '../../atom/input-checkbox';\nimport InputDoublestep from '../../atom/input-doublestep';\nimport InputSwitch from '../../atom/input-switch';\nimport InputFileDraggable from '../../atom/input-file-draggable';\nimport SetupCohortItem from '../setup-cohort-item';\nimport MessagePopin from '../message-popin';\nimport BrandDownloadBox from '../brand-download-box';\nimport Title from '../../atom/title';\nimport style from './style.css';\n\nconst SetupSlider = props => {\n const {tabProps = [], slides = []} = props;\n const buildSlides = slides_ => {\n return map.convert({cap: false})((slide, key) => {\n const buildInput = field => {\n const {type, ...rest} = field;\n switch (type) {\n case 'switch':\n return <InputSwitch {...field} />;\n case 'select':\n return <Select {...field} theme={'coorpmanager'} />;\n case 'checkbox':\n return <InputCheckbox {...field} />;\n case 'image':\n return (\n <div className={style.imageUploadContainer}>\n <InputFileDraggable {...field} />\n </div>\n );\n case 'splitForm':\n return <SetupCohortItem field={field} />;\n case 'alert':\n return <MessagePopin header={field.title} content={field.subtitle} />;\n case 'readonly':\n return <InputReadonly {...field} />;\n case 'doublestep':\n return <InputDoublestep {...field} />;\n case 'downloadbox':\n return <BrandDownloadBox {...field} />;\n case 'form-group':\n return <Title {...field} />;\n case 'slider':\n return (\n <Accordion tabProps={field.tabProps} type={'all'} theme={'setup'}>\n {buildSlides(field.slides)}\n </Accordion>\n );\n case 'text':\n case 'password':\n return <InputText {...field} />;\n default:\n return <InputText {...rest} type={'text'} />;\n }\n };\n\n const buildField = (field, index) => {\n const input = buildInput(field);\n return (\n <div className={style.field} key={index}>\n {input}\n </div>\n );\n };\n\n const fieldsList = map.convert({cap: false})(buildField, slide.fields);\n\n return (\n <div className={style.wrapper} key={key}>\n {fieldsList}\n </div>\n );\n }, slides_);\n };\n\n const slidesView = buildSlides(slides);\n\n return (\n <div className={style.wrapperStyle}>\n <Accordion tabProps={tabProps} type={'all'} theme={'setup'}>\n {slidesView}\n </Accordion>\n </div>\n );\n};\n\nconst SlidePropTypes = PropTypes.shape({\n fields: PropTypes.arrayOf(\n PropTypes.oneOfType([\n PropTypes.shape({\n ...SetupSlider.propTypes,\n type: PropTypes.oneOf(['slider'])\n }),\n PropTypes.shape({\n ...InputSwitch.propTypes,\n type: PropTypes.oneOf(['switch'])\n }),\n PropTypes.shape({\n ...Select.propTypes,\n type: PropTypes.oneOf(['select'])\n }),\n PropTypes.shape({\n ...InputCheckbox.propTypes,\n type: PropTypes.oneOf(['checkbox'])\n }),\n PropTypes.shape({\n ...InputFileDraggable.propTypes,\n type: PropTypes.oneOf(['image'])\n }),\n PropTypes.shape({\n ...InputReadonly.propTypes,\n type: PropTypes.oneOf(['readonly'])\n }),\n PropTypes.shape({\n ...InputText.propTypes,\n type: PropTypes.oneOf(['text', 'password'])\n }),\n PropTypes.shape({\n ...InputDoublestep.propTypes,\n type: PropTypes.oneOf(['doublestep'])\n }),\n PropTypes.shape({\n ...SetupCohortItem.propTypes,\n type: PropTypes.oneOf(['splitForm'])\n }),\n PropTypes.shape({\n ...MessagePopin.propTypes,\n type: PropTypes.oneOf(['alert'])\n }),\n PropTypes.shape(InputText.propTypes),\n PropTypes.shape({\n ...BrandDownloadBox.propTypes,\n type: PropTypes.oneOf(['downloadbox'])\n })\n ])\n )\n});\n\nconst SetupSliderPropTypes = {\n tabProps: PropTypes.arrayOf(PropTypes.shape(Accordion.propTypes)),\n slides: PropTypes.arrayOf(SlidePropTypes)\n};\n\nSetupSlider.propTypes = SetupSliderPropTypes;\n\nexport default SetupSlider;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,WAAW,GAAGC,KAAK,IAAI;EAC3B,MAAM;IAACC,QAAQ,GAAG,EAAZ;IAAgBC,MAAM,GAAG;EAAzB,IAA+BF,KAArC;;EACA,MAAMG,WAAW,GAAGC,OAAO,IAAI;IAC7B,OAAO,cAAIC,OAAJ,CAAY;MAACC,GAAG,EAAE;IAAN,CAAZ,EAA0B,CAACC,KAAD,EAAQC,GAAR,KAAgB;MAC/C,MAAMC,UAAU,GAAGC,KAAK,IAAI;QAC1B,MAAM;UAACC;QAAD,IAAkBD,KAAxB;QAAA,MAAgBE,IAAhB,iCAAwBF,KAAxB;;QACA,QAAQC,IAAR;UACE,KAAK,QAAL;YACE,oBAAO,6BAAC,oBAAD,EAAiBD,KAAjB,CAAP;;UACF,KAAK,QAAL;YACE,oBAAO,6BAAC,eAAD,eAAYA,KAAZ;cAAmB,KAAK,EAAE;YAA1B,GAAP;;UACF,KAAK,UAAL;YACE,oBAAO,6BAAC,sBAAD,EAAmBA,KAAnB,CAAP;;UACF,KAAK,OAAL;YACE,oBACE;cAAK,SAAS,EAAEG,cAAA,CAAMC;YAAtB,gBACE,6BAAC,2BAAD,EAAwBJ,KAAxB,CADF,CADF;;UAKF,KAAK,WAAL;YACE,oBAAO,6BAAC,wBAAD;cAAiB,KAAK,EAAEA;YAAxB,EAAP;;UACF,KAAK,OAAL;YACE,oBAAO,6BAAC,qBAAD;cAAc,MAAM,EAAEA,KAAK,CAACK,KAA5B;cAAmC,OAAO,EAAEL,KAAK,CAACM;YAAlD,EAAP;;UACF,KAAK,UAAL;YACE,oBAAO,6BAAC,sBAAD,EAAmBN,KAAnB,CAAP;;UACF,KAAK,YAAL;YACE,oBAAO,6BAAC,wBAAD,EAAqBA,KAArB,CAAP;;UACF,KAAK,aAAL;YACE,oBAAO,6BAAC,yBAAD,EAAsBA,KAAtB,CAAP;;UACF,KAAK,YAAL;YACE,oBAAO,6BAAC,cAAD,EAAWA,KAAX,CAAP;;UACF,KAAK,QAAL;YACE,oBACE,6BAAC,gBAAD;cAAW,QAAQ,EAAEA,KAAK,CAACT,QAA3B;cAAqC,IAAI,EAAE,KAA3C;cAAkD,KAAK,EAAE;YAAzD,GACGE,WAAW,CAACO,KAAK,CAACR,MAAP,CADd,CADF;;UAKF,KAAK,MAAL;UACA,KAAK,UAAL;YACE,oBAAO,6BAAC,kBAAD,EAAeQ,KAAf,CAAP;;UACF;YACE,oBAAO,6BAAC,kBAAD,eAAeE,IAAf;cAAqB,IAAI,EAAE;YAA3B,GAAP;QAnCJ;MAqCD,CAvCD;;MAyCA,MAAMK,UAAU,GAAG,CAACP,KAAD,EAAQQ,KAAR,KAAkB;QACnC,MAAMC,KAAK,GAAGV,UAAU,CAACC,KAAD,CAAxB;QACA,oBACE;UAAK,SAAS,EAAEG,cAAA,CAAMH,KAAtB;UAA6B,GAAG,EAAEQ;QAAlC,GACGC,KADH,CADF;MAKD,CAPD;;MASA,MAAMC,UAAU,GAAG,cAAIf,OAAJ,CAAY;QAACC,GAAG,EAAE;MAAN,CAAZ,EAA0BW,UAA1B,EAAsCV,KAAK,CAACc,MAA5C,CAAnB;;MAEA,oBACE;QAAK,SAAS,EAAER,cAAA,CAAMS,OAAtB;QAA+B,GAAG,EAAEd;MAApC,GACGY,UADH,CADF;IAKD,CA1DM,EA0DJhB,OA1DI,CAAP;EA2DD,CA5DD;;EA8DA,MAAMmB,UAAU,GAAGpB,WAAW,CAACD,MAAD,CAA9B;EAEA,oBACE;IAAK,SAAS,EAAEW,cAAA,CAAMW;EAAtB,gBACE,6BAAC,gBAAD;IAAW,QAAQ,EAAEvB,QAArB;IAA+B,IAAI,EAAE,KAArC;IAA4C,KAAK,EAAE;EAAnD,GACGsB,UADH,CADF,CADF;AAOD,CAzED;;AA2EA,MAAME,cAAN,2CAAuBC,kBAAA,CAAUC,KAAV,CAAgB;EACrCN,MAAM,EAAEK,kBAAA,CAAUE,OAAV,CACNF,kBAAA,CAAUG,SAAV,CAAoB,CAClBH,kBAAA,CAAUC,KAAV,cACK5B,WAAW,CAAC+B,SADjB;IAEEnB,IAAI,EAAEe,kBAAA,CAAUK,KAAV,CAAgB,CAAC,QAAD,CAAhB;EAFR,GADkB,EAKlBL,kBAAA,CAAUC,KAAV,cACKK,oBAAA,CAAYF,SADjB;IAEEnB,IAAI,EAAEe,kBAAA,CAAUK,KAAV,CAAgB,CAAC,QAAD,CAAhB;EAFR,GALkB,EASlBL,kBAAA,CAAUC,KAAV,cACKM,eAAA,CAAOH,SADZ;IAEEnB,IAAI,EAAEe,kBAAA,CAAUK,KAAV,CAAgB,CAAC,QAAD,CAAhB;EAFR,GATkB,EAalBL,kBAAA,CAAUC,KAAV,cACKO,sBAAA,CAAcJ,SADnB;IAEEnB,IAAI,EAAEe,kBAAA,CAAUK,KAAV,CAAgB,CAAC,UAAD,CAAhB;EAFR,GAbkB,EAiBlBL,kBAAA,CAAUC,KAAV,cACKQ,2BAAA,CAAmBL,SADxB;IAEEnB,IAAI,EAAEe,kBAAA,CAAUK,KAAV,CAAgB,CAAC,OAAD,CAAhB;EAFR,GAjBkB,EAqBlBL,kBAAA,CAAUC,KAAV,cACKS,sBAAA,CAAcN,SADnB;IAEEnB,IAAI,EAAEe,kBAAA,CAAUK,KAAV,CAAgB,CAAC,UAAD,CAAhB;EAFR,GArBkB,EAyBlBL,kBAAA,CAAUC,KAAV,cACKU,kBAAA,CAAUP,SADf;IAEEnB,IAAI,EAAEe,kBAAA,CAAUK,KAAV,CAAgB,CAAC,MAAD,EAAS,UAAT,CAAhB;EAFR,GAzBkB,EA6BlBL,kBAAA,CAAUC,KAAV,cACKW,wBAAA,CAAgBR,SADrB;IAEEnB,IAAI,EAAEe,kBAAA,CAAUK,KAAV,CAAgB,CAAC,YAAD,CAAhB;EAFR,GA7BkB,EAiClBL,kBAAA,CAAUC,KAAV,cACKY,wBAAA,CAAgBT,SADrB;IAEEnB,IAAI,EAAEe,kBAAA,CAAUK,KAAV,CAAgB,CAAC,WAAD,CAAhB;EAFR,GAjCkB,EAqClBL,kBAAA,CAAUC,KAAV,cACKa,qBAAA,CAAaV,SADlB;IAEEnB,IAAI,EAAEe,kBAAA,CAAUK,KAAV,CAAgB,CAAC,OAAD,CAAhB;EAFR,GArCkB,EAyClBL,kBAAA,CAAUC,KAAV,CAAgBU,kBAAA,CAAUP,SAA1B,CAzCkB,EA0ClBJ,kBAAA,CAAUC,KAAV,cACKc,yBAAA,CAAiBX,SADtB;IAEEnB,IAAI,EAAEe,kBAAA,CAAUK,KAAV,CAAgB,CAAC,aAAD,CAAhB;EAFR,GA1CkB,CAApB,CADM;AAD6B,CAAhB,CAAvB;AAoDA,MAAMW,oBAAN,2CAA6B;EAC3BzC,QAAQ,EAAEyB,kBAAA,CAAUE,OAAV,CAAkBF,kBAAA,CAAUC,KAAV,CAAgBgB,gBAAA,CAAUb,SAA1B,CAAlB,CADiB;EAE3B5B,MAAM,EAAEwB,kBAAA,CAAUE,OAAV,CAAkBH,cAAlB;AAFmB,CAA7B;AAKA1B,WAAW,CAAC+B,SAAZ,2CAAwBY,oBAAxB;eAEe3C,W"}
|
|
@@ -45,6 +45,7 @@ declare namespace TitleAndCheckBoxWrapper {
|
|
|
45
45
|
onChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
46
46
|
description: PropTypes.Requireable<string>;
|
|
47
47
|
modified: PropTypes.Requireable<boolean>;
|
|
48
|
+
type: PropTypes.Requireable<string>;
|
|
48
49
|
valid: PropTypes.Requireable<boolean>;
|
|
49
50
|
'aria-label': PropTypes.Requireable<string>;
|
|
50
51
|
'data-name': PropTypes.Requireable<string>;
|
|
@@ -22,6 +22,7 @@ declare namespace PlayListTranslation {
|
|
|
22
22
|
onChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
23
23
|
description: PropTypes.Requireable<string>;
|
|
24
24
|
modified: PropTypes.Requireable<boolean>;
|
|
25
|
+
type: PropTypes.Requireable<string>;
|
|
25
26
|
valid: PropTypes.Requireable<boolean>;
|
|
26
27
|
'aria-label': PropTypes.Requireable<string>;
|
|
27
28
|
'data-name': PropTypes.Requireable<string>;
|