@coorpacademy/components 11.11.16-alpha.0 → 11.11.16-alpha.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/drag-and-drop/index.d.ts +2 -0
- package/es/atom/drag-and-drop/index.d.ts.map +1 -1
- package/es/atom/drag-and-drop/index.js +26 -2
- package/es/atom/drag-and-drop/index.js.map +1 -1
- package/es/atom/drag-and-drop/style.css +21 -5
- package/es/atom/image-upload/index.d.ts +2 -0
- package/es/atom/image-upload/index.js +1 -1
- package/es/atom/image-upload/index.js.map +1 -1
- package/es/atom/video-upload/index.d.ts +2 -0
- package/es/molecule/brand-form-group/index.d.ts +4 -0
- package/es/molecule/drag-and-drop-wrapper/index.d.ts +2 -0
- package/es/molecule/drag-and-drop-wrapper/style.css +1 -1
- package/es/molecule/setup-slide/index.d.ts +2 -0
- package/es/molecule/setup-slider/index.d.ts +2 -0
- package/es/molecule/title-and-checkbox-wrapper/index.d.ts +2 -0
- package/es/organism/brand-form/index.d.ts +4 -0
- package/es/organism/rewards-form/index.d.ts +2 -0
- package/es/organism/wizard-contents/index.d.ts +6 -0
- package/es/template/back-office/brand-update/index.d.ts +10 -0
- package/es/template/cockpit/jw-uploader/index.d.ts +2 -0
- package/es/util/button-icons.d.ts +1 -0
- package/es/util/button-icons.d.ts.map +1 -1
- package/es/util/button-icons.js +3 -2
- package/es/util/button-icons.js.map +1 -1
- package/es/util/proptypes.js +2 -2
- package/es/util/proptypes.js.map +1 -1
- package/lib/atom/drag-and-drop/index.d.ts +2 -0
- package/lib/atom/drag-and-drop/index.d.ts.map +1 -1
- package/lib/atom/drag-and-drop/index.js +26 -2
- package/lib/atom/drag-and-drop/index.js.map +1 -1
- package/lib/atom/drag-and-drop/style.css +21 -5
- package/lib/atom/image-upload/index.d.ts +2 -0
- package/lib/atom/image-upload/index.js +1 -1
- package/lib/atom/image-upload/index.js.map +1 -1
- package/lib/atom/video-upload/index.d.ts +2 -0
- package/lib/molecule/brand-form-group/index.d.ts +4 -0
- package/lib/molecule/drag-and-drop-wrapper/index.d.ts +2 -0
- package/lib/molecule/drag-and-drop-wrapper/style.css +1 -1
- package/lib/molecule/setup-slide/index.d.ts +2 -0
- package/lib/molecule/setup-slider/index.d.ts +2 -0
- package/lib/molecule/title-and-checkbox-wrapper/index.d.ts +2 -0
- package/lib/organism/brand-form/index.d.ts +4 -0
- package/lib/organism/rewards-form/index.d.ts +2 -0
- package/lib/organism/wizard-contents/index.d.ts +6 -0
- package/lib/template/back-office/brand-update/index.d.ts +10 -0
- package/lib/template/cockpit/jw-uploader/index.d.ts +2 -0
- package/lib/util/button-icons.d.ts +1 -0
- package/lib/util/button-icons.d.ts.map +1 -1
- package/lib/util/button-icons.js +2 -1
- package/lib/util/button-icons.js.map +1 -1
- package/lib/util/proptypes.js +2 -2
- package/lib/util/proptypes.js.map +1 -1
- package/package.json +2 -2
|
@@ -18,6 +18,8 @@ declare class DragAndDrop extends React.Component<any, any, any> {
|
|
|
18
18
|
error: PropTypes.Requireable<string>;
|
|
19
19
|
buttonAriaLabel: PropTypes.Requireable<string>;
|
|
20
20
|
errorButtonLabel: PropTypes.Requireable<string>;
|
|
21
|
+
pdfButtonLabel: PropTypes.Requireable<string>;
|
|
22
|
+
pdfButtonAriaLabel: PropTypes.Requireable<string>;
|
|
21
23
|
};
|
|
22
24
|
constructor(props: any);
|
|
23
25
|
state: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/drag-and-drop/index.js"],"names":[],"mappings":";AAgBA;IACE
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/drag-and-drop/index.js"],"names":[],"mappings":";AAgBA;IACE;;;;;;;;;;;;;;;;;;;;MAoBE;IAEF,wBASC;IANC;;MAEC;IAMH,wBAIC;IAED,uBAIC;IAED,sBAsKC;CACF"}
|
|
@@ -53,7 +53,9 @@ class DragAndDrop extends React.Component {
|
|
|
53
53
|
error = '',
|
|
54
54
|
buttonAriaLabel = '',
|
|
55
55
|
errorButtonLabel = '',
|
|
56
|
-
disabled = false
|
|
56
|
+
disabled = false,
|
|
57
|
+
pdfButtonLabel,
|
|
58
|
+
pdfButtonAriaLabel
|
|
57
59
|
} = this.props;
|
|
58
60
|
const {
|
|
59
61
|
dragging
|
|
@@ -74,6 +76,26 @@ class DragAndDrop extends React.Component {
|
|
|
74
76
|
src: previewContent.src,
|
|
75
77
|
type: "video/*"
|
|
76
78
|
}));
|
|
79
|
+
} else if (previewContent && previewContent.type === 'pdf') {
|
|
80
|
+
previewView = /*#__PURE__*/React.createElement("div", {
|
|
81
|
+
className: style.previewPdf
|
|
82
|
+
}, /*#__PURE__*/React.createElement("p", {
|
|
83
|
+
className: style.previewLabelPdf
|
|
84
|
+
}, previewLabel), /*#__PURE__*/React.createElement(Button, {
|
|
85
|
+
type: "secondary",
|
|
86
|
+
link: {
|
|
87
|
+
href: previewContent.src,
|
|
88
|
+
target: '_blank',
|
|
89
|
+
download: false
|
|
90
|
+
},
|
|
91
|
+
label: pdfButtonLabel,
|
|
92
|
+
"aria-label": pdfButtonAriaLabel,
|
|
93
|
+
"data-name": "default-button-pdf",
|
|
94
|
+
icon: {
|
|
95
|
+
position: 'left',
|
|
96
|
+
type: 'pdf'
|
|
97
|
+
}
|
|
98
|
+
}));
|
|
77
99
|
} else if (loading) {
|
|
78
100
|
previewView = /*#__PURE__*/React.createElement("div", {
|
|
79
101
|
className: style.loaderWrapper
|
|
@@ -179,7 +201,9 @@ DragAndDrop.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
179
201
|
onReset: PropTypes.func,
|
|
180
202
|
error: PropTypes.string,
|
|
181
203
|
buttonAriaLabel: PropTypes.string,
|
|
182
|
-
errorButtonLabel: PropTypes.string
|
|
204
|
+
errorButtonLabel: PropTypes.string,
|
|
205
|
+
pdfButtonLabel: PropTypes.string,
|
|
206
|
+
pdfButtonAriaLabel: PropTypes.string
|
|
183
207
|
} : {};
|
|
184
208
|
export default DragAndDrop;
|
|
185
209
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","PropTypes","NovaSolidStatusClose","Close","NovaSolidFilesBasicFileUpload2","FileUploadIcon","NovaSolidFilesBasicFileBlock2","FileUploadBlockedIcon","classnames","Loader","Button","getClassState","style","constantNull","DragAndDrop","Component","constructor","props","state","dragging","handleDragStart","bind","handleDragStop","setState","render","idBox","children","title","description","uploadLabel","previewLabel","previewContent","loading","modified","onReset","error","buttonAriaLabel","errorButtonLabel","disabled","previewView","type","preview","src","loaderWrapper","loadingCancel","closeIcon","loader","loaderText","resetContent","resetUploadWrapper","resetSrcLabel","label","buildButton","defaultButtonProps","icon","position","button","previewContainer","modifiedPreviewContainer","inputWrapper","modifiedInputWrapper","errorInputWrapper","wrapper","infosContainer","iconError","dragAndDropLabel","errorMessage","propTypes","string","shape","bool","func"],"sources":["../../../src/atom/drag-and-drop/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {uniqueId, constant, isEmpty} from 'lodash/fp';\nimport {\n NovaSolidStatusClose as Close,\n NovaSolidFilesBasicFileUpload2 as FileUploadIcon,\n NovaSolidFilesBasicFileBlock2 as FileUploadBlockedIcon\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport Loader from '../loader';\nimport Button from '../button-link';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst constantNull = constant(null);\n\nclass DragAndDrop extends React.Component {\n static propTypes = {\n title: PropTypes.string,\n description: PropTypes.string,\n uploadLabel: PropTypes.string,\n previewLabel: PropTypes.string,\n previewContent: PropTypes.shape({\n type: PropTypes.string,\n src: PropTypes.string,\n label: PropTypes.string\n }),\n loading: PropTypes.bool,\n modified: PropTypes.bool,\n disabled: PropTypes.bool,\n children: PropTypes.func,\n onReset: PropTypes.func,\n error: PropTypes.string,\n buttonAriaLabel: PropTypes.string,\n errorButtonLabel: PropTypes.string\n };\n\n constructor(props) {\n super(props);\n\n this.state = {\n dragging: false\n };\n\n this.handleDragStart = this.handleDragStart.bind(this);\n this.handleDragStop = this.handleDragStop.bind(this);\n }\n\n handleDragStart() {\n this.setState({\n dragging: true\n });\n }\n\n handleDragStop() {\n this.setState({\n dragging: false\n });\n }\n\n render() {\n const idBox = uniqueId('drop-box-');\n const {\n children = constantNull,\n title,\n description,\n uploadLabel,\n previewLabel = '',\n previewContent,\n loading = false,\n modified = false,\n onReset = null,\n error = '',\n buttonAriaLabel = '',\n errorButtonLabel = '',\n disabled = false\n } = this.props;\n const {dragging} = this.state;\n\n let previewView = null;\n\n if (previewContent && previewContent.type === 'image') {\n previewView = (\n <div className={style.preview}>\n <img src={previewContent.src} />\n </div>\n );\n } else if (previewContent && previewContent.type === 'video') {\n previewView = (\n <div className={style.preview}>\n <video controls src={previewContent.src} type=\"video/*\" />\n </div>\n );\n } else if (loading) {\n previewView = (\n <div className={style.loaderWrapper}>\n <div className={style.loadingCancel}>\n <Close\n data-name=\"reset-content-icon\"\n height={12}\n width={12}\n className={style.closeIcon}\n onClick={onReset}\n />\n </div>\n <div className={style.loader}>\n <Loader theme=\"coorpmanager\" />\n </div>\n <span className={style.loaderText}>Uploading</span>\n </div>\n );\n } else {\n previewView = <span>{previewLabel}</span>;\n }\n\n const resetContent =\n previewContent && previewContent.src ? (\n <div className={classnames(style.resetUploadWrapper, disabled && style.disabled)}>\n <div className={style.resetSrcLabel}>\n {previewContent.label ? previewContent.label : previewContent.src}\n </div>\n {onReset ? (\n <Close\n data-name=\"reset-content-icon\"\n height={12}\n width={12}\n className={style.closeIcon}\n onClick={onReset}\n />\n ) : null}\n </div>\n ) : null;\n\n const buildButton = () => {\n const defaultButtonProps = {\n label: uploadLabel,\n 'aria-label': buttonAriaLabel,\n 'data-name': 'default-button',\n icon: {\n position: 'left',\n type: 'folders'\n }\n };\n if (dragging) {\n return null;\n } else if (error) {\n return <Button {...defaultButtonProps} label={errorButtonLabel} icon={{}} />;\n } else {\n return <Button {...defaultButtonProps} />;\n }\n };\n\n const button = buildButton(dragging, error);\n\n const previewContainer = getClassState(\n style.previewContainer,\n style.modifiedPreviewContainer,\n null,\n modified,\n error\n );\n const inputWrapper = getClassState(\n style.inputWrapper,\n style.modifiedInputWrapper,\n style.errorInputWrapper,\n modified,\n error\n );\n\n return (\n <div className={style.wrapper} data-name=\"drag-and-drop-wrapper\">\n <div className={style.title}>{title}</div>\n {!isEmpty(previewContent) || loading ? (\n <div className={classnames(previewContainer, disabled && style.disabled)}>\n {previewView}\n </div>\n ) : (\n <div\n className={classnames(\n dragging ? style.dragging : inputWrapper,\n disabled && style.disabled\n )}\n id={idBox}\n data-name=\"drag-and-drop-box\"\n >\n <div className={style.infosContainer}>\n {error ? (\n <FileUploadBlockedIcon className={style.iconError} />\n ) : (\n <FileUploadIcon className={style.icon} />\n )}\n {description ? <div className={style.description}>{description}</div> : null}\n {error ? null : <div className={style.dragAndDropLabel}>{'Drag & Drop here'}</div>}\n </div>\n {button}\n <div>{children(this.handleDragStart, this.handleDragStop)}</div>\n </div>\n )}\n {error ? (\n <span className={classnames(style.errorMessage, disabled && style.disabled)}>\n {error}\n </span>\n ) : (\n resetContent\n )}\n </div>\n );\n }\n}\n\nexport default DragAndDrop;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","PropTypes","NovaSolidStatusClose","Close","NovaSolidFilesBasicFileUpload2","FileUploadIcon","NovaSolidFilesBasicFileBlock2","FileUploadBlockedIcon","classnames","Loader","Button","getClassState","style","constantNull","DragAndDrop","Component","constructor","props","state","dragging","handleDragStart","bind","handleDragStop","setState","render","idBox","children","title","description","uploadLabel","previewLabel","previewContent","loading","modified","onReset","error","buttonAriaLabel","errorButtonLabel","disabled","pdfButtonLabel","pdfButtonAriaLabel","previewView","type","preview","src","previewPdf","previewLabelPdf","href","target","download","position","loaderWrapper","loadingCancel","closeIcon","loader","loaderText","resetContent","resetUploadWrapper","resetSrcLabel","label","buildButton","defaultButtonProps","icon","button","previewContainer","modifiedPreviewContainer","inputWrapper","modifiedInputWrapper","errorInputWrapper","wrapper","infosContainer","iconError","dragAndDropLabel","errorMessage","propTypes","string","shape","bool","func"],"sources":["../../../src/atom/drag-and-drop/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {uniqueId, constant, isEmpty} from 'lodash/fp';\nimport {\n NovaSolidStatusClose as Close,\n NovaSolidFilesBasicFileUpload2 as FileUploadIcon,\n NovaSolidFilesBasicFileBlock2 as FileUploadBlockedIcon\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport Loader from '../loader';\nimport Button from '../button-link';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst constantNull = constant(null);\n\nclass DragAndDrop extends React.Component {\n static propTypes = {\n title: PropTypes.string,\n description: PropTypes.string,\n uploadLabel: PropTypes.string,\n previewLabel: PropTypes.string,\n previewContent: PropTypes.shape({\n type: PropTypes.string,\n src: PropTypes.string,\n label: PropTypes.string\n }),\n loading: PropTypes.bool,\n modified: PropTypes.bool,\n disabled: PropTypes.bool,\n children: PropTypes.func,\n onReset: PropTypes.func,\n error: PropTypes.string,\n buttonAriaLabel: PropTypes.string,\n errorButtonLabel: PropTypes.string,\n pdfButtonLabel: PropTypes.string,\n pdfButtonAriaLabel: PropTypes.string\n };\n\n constructor(props) {\n super(props);\n\n this.state = {\n dragging: false\n };\n\n this.handleDragStart = this.handleDragStart.bind(this);\n this.handleDragStop = this.handleDragStop.bind(this);\n }\n\n handleDragStart() {\n this.setState({\n dragging: true\n });\n }\n\n handleDragStop() {\n this.setState({\n dragging: false\n });\n }\n\n render() {\n const idBox = uniqueId('drop-box-');\n const {\n children = constantNull,\n title,\n description,\n uploadLabel,\n previewLabel = '',\n previewContent,\n loading = false,\n modified = false,\n onReset = null,\n error = '',\n buttonAriaLabel = '',\n errorButtonLabel = '',\n disabled = false,\n pdfButtonLabel,\n pdfButtonAriaLabel\n } = this.props;\n const {dragging} = this.state;\n\n let previewView = null;\n\n if (previewContent && previewContent.type === 'image') {\n previewView = (\n <div className={style.preview}>\n <img src={previewContent.src} />\n </div>\n );\n } else if (previewContent && previewContent.type === 'video') {\n previewView = (\n <div className={style.preview}>\n <video controls src={previewContent.src} type=\"video/*\" />\n </div>\n );\n } else if (previewContent && previewContent.type === 'pdf') {\n previewView = (\n <div className={style.previewPdf}>\n <p className={style.previewLabelPdf}>{previewLabel}</p>\n <Button\n type=\"secondary\"\n link={{href: previewContent.src, target: '_blank', download: false}}\n label={pdfButtonLabel}\n aria-label={pdfButtonAriaLabel}\n data-name=\"default-button-pdf\"\n icon={{\n position: 'left',\n type: 'pdf'\n }}\n />\n </div>\n );\n } else if (loading) {\n previewView = (\n <div className={style.loaderWrapper}>\n <div className={style.loadingCancel}>\n <Close\n data-name=\"reset-content-icon\"\n height={12}\n width={12}\n className={style.closeIcon}\n onClick={onReset}\n />\n </div>\n <div className={style.loader}>\n <Loader theme=\"coorpmanager\" />\n </div>\n <span className={style.loaderText}>Uploading</span>\n </div>\n );\n } else {\n previewView = <span>{previewLabel}</span>;\n }\n\n const resetContent =\n previewContent && previewContent.src ? (\n <div className={classnames(style.resetUploadWrapper, disabled && style.disabled)}>\n <div className={style.resetSrcLabel}>\n {previewContent.label ? previewContent.label : previewContent.src}\n </div>\n {onReset ? (\n <Close\n data-name=\"reset-content-icon\"\n height={12}\n width={12}\n className={style.closeIcon}\n onClick={onReset}\n />\n ) : null}\n </div>\n ) : null;\n\n const buildButton = () => {\n const defaultButtonProps = {\n label: uploadLabel,\n 'aria-label': buttonAriaLabel,\n 'data-name': 'default-button',\n icon: {\n position: 'left',\n type: 'folders'\n }\n };\n if (dragging) {\n return null;\n } else if (error) {\n return <Button {...defaultButtonProps} label={errorButtonLabel} icon={{}} />;\n } else {\n return <Button {...defaultButtonProps} />;\n }\n };\n\n const button = buildButton(dragging, error);\n\n const previewContainer = getClassState(\n style.previewContainer,\n style.modifiedPreviewContainer,\n null,\n modified,\n error\n );\n const inputWrapper = getClassState(\n style.inputWrapper,\n style.modifiedInputWrapper,\n style.errorInputWrapper,\n modified,\n error\n );\n\n return (\n <div className={style.wrapper} data-name=\"drag-and-drop-wrapper\">\n <div className={style.title}>{title}</div>\n {!isEmpty(previewContent) || loading ? (\n <div className={classnames(previewContainer, disabled && style.disabled)}>\n {previewView}\n </div>\n ) : (\n <div\n className={classnames(\n dragging ? style.dragging : inputWrapper,\n disabled && style.disabled\n )}\n id={idBox}\n data-name=\"drag-and-drop-box\"\n >\n <div className={style.infosContainer}>\n {error ? (\n <FileUploadBlockedIcon className={style.iconError} />\n ) : (\n <FileUploadIcon className={style.icon} />\n )}\n {description ? <div className={style.description}>{description}</div> : null}\n {error ? null : <div className={style.dragAndDropLabel}>{'Drag & Drop here'}</div>}\n </div>\n {button}\n <div>{children(this.handleDragStart, this.handleDragStop)}</div>\n </div>\n )}\n {error ? (\n <span className={classnames(style.errorMessage, disabled && style.disabled)}>\n {error}\n </span>\n ) : (\n resetContent\n )}\n </div>\n );\n }\n}\n\nexport default DragAndDrop;\n"],"mappings":"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"}
|
|
@@ -78,12 +78,31 @@
|
|
|
78
78
|
background-color: white;
|
|
79
79
|
}
|
|
80
80
|
|
|
81
|
-
.preview img,
|
|
81
|
+
.preview img,
|
|
82
|
+
video {
|
|
82
83
|
max-width: 100%;
|
|
83
84
|
max-height: 100%;
|
|
84
85
|
margin: auto;
|
|
85
86
|
}
|
|
86
87
|
|
|
88
|
+
.previewPdf {
|
|
89
|
+
composes: preview;
|
|
90
|
+
min-height: 150px;
|
|
91
|
+
display: flex;
|
|
92
|
+
flex-direction: column;
|
|
93
|
+
justify-content: space-evenly;
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
.previewLabelPdf {
|
|
97
|
+
text-align: center;
|
|
98
|
+
font-family: "Gilroy";
|
|
99
|
+
color: cm_grey_300;
|
|
100
|
+
padding: 0px 4px;
|
|
101
|
+
overflow: hidden;
|
|
102
|
+
text-overflow: ellipsis;
|
|
103
|
+
max-width: 90%;
|
|
104
|
+
white-space: nowrap;
|
|
105
|
+
}
|
|
87
106
|
.infosContainer {
|
|
88
107
|
width: 100%;
|
|
89
108
|
height: 100%;
|
|
@@ -152,7 +171,7 @@
|
|
|
152
171
|
align-items: center;
|
|
153
172
|
justify-content: space-between;
|
|
154
173
|
margin-top: 16px;
|
|
155
|
-
padding:
|
|
174
|
+
padding: 8px 14px 8px 1px;
|
|
156
175
|
font-size: 12px;
|
|
157
176
|
font-weight: 400;
|
|
158
177
|
position: relative;
|
|
@@ -164,9 +183,6 @@
|
|
|
164
183
|
text-overflow: ellipsis;
|
|
165
184
|
white-space: nowrap;
|
|
166
185
|
flex-wrap: nowrap;
|
|
167
|
-
position: absolute;
|
|
168
|
-
left: 0;
|
|
169
|
-
right: 15px;
|
|
170
186
|
}
|
|
171
187
|
|
|
172
188
|
.closeIcon {
|
|
@@ -43,6 +43,8 @@ declare namespace ImageUpload {
|
|
|
43
43
|
modified: PropTypes.Requireable<boolean>;
|
|
44
44
|
disabled: PropTypes.Requireable<boolean>;
|
|
45
45
|
children: PropTypes.Requireable<(...args: any[]) => any>;
|
|
46
|
+
pdfButtonLabel: PropTypes.Requireable<string>;
|
|
47
|
+
pdfButtonAriaLabel: PropTypes.Requireable<string>;
|
|
46
48
|
};
|
|
47
49
|
}
|
|
48
50
|
import PropTypes from "prop-types";
|
|
@@ -21,10 +21,10 @@ const ImageUpload = ({
|
|
|
21
21
|
onChange,
|
|
22
22
|
onReset = null,
|
|
23
23
|
name,
|
|
24
|
-
// See ImagePropType for accepted values
|
|
25
24
|
labelLink,
|
|
26
25
|
labelButtonLink,
|
|
27
26
|
hrefLink,
|
|
27
|
+
// See ImagePropType for accepted values
|
|
28
28
|
imageTypes = ['*'],
|
|
29
29
|
error = '',
|
|
30
30
|
buttonAriaLabel,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","useCallback","PropTypes","DragAndDrop","ImagePropType","Link","style","ImageUpload","title","description","previewLabel","previewContent","uploadLabel","loading","modified","disabled","onChange","onReset","name","labelLink","labelButtonLink","hrefLink","imageTypes","error","buttonAriaLabel","errorButtonLabel","handleReset","e","preventDefault","linkCustomStyle","width","color","onDragStart","onDragStop","input","templateLink","href","download","propTypes","string","func","arrayOf"],"sources":["../../../src/atom/image-upload/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {isNil} from 'lodash/fp';\nimport DragAndDrop from '../drag-and-drop';\nimport {ImagePropType} from '../../util/proptypes';\nimport Link from '../button-link';\nimport style from './style.css';\n\nconst ImageUpload = ({\n title,\n description,\n previewLabel,\n previewContent,\n uploadLabel,\n loading,\n modified,\n disabled = false,\n onChange,\n onReset = null,\n name,\n // See ImagePropType for accepted values\n
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","useCallback","PropTypes","DragAndDrop","ImagePropType","Link","style","ImageUpload","title","description","previewLabel","previewContent","uploadLabel","loading","modified","disabled","onChange","onReset","name","labelLink","labelButtonLink","hrefLink","imageTypes","error","buttonAriaLabel","errorButtonLabel","handleReset","e","preventDefault","linkCustomStyle","width","color","onDragStart","onDragStop","input","templateLink","href","download","propTypes","string","func","arrayOf"],"sources":["../../../src/atom/image-upload/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {isNil} from 'lodash/fp';\nimport DragAndDrop from '../drag-and-drop';\nimport {ImagePropType} from '../../util/proptypes';\nimport Link from '../button-link';\nimport style from './style.css';\n\nconst ImageUpload = ({\n title,\n description,\n previewLabel,\n previewContent,\n uploadLabel,\n loading,\n modified,\n disabled = false,\n onChange,\n onReset = null,\n name,\n labelLink,\n labelButtonLink,\n hrefLink,\n // See ImagePropType for accepted values\n imageTypes = ['*'],\n error = '',\n buttonAriaLabel,\n errorButtonLabel\n}) => {\n const handleReset = useCallback(\n e => {\n if (isNil(onReset)) return;\n e.preventDefault();\n return onReset(e);\n },\n [onReset]\n );\n\n const linkCustomStyle = {\n width: '40px',\n color: 'red'\n };\n\n return (\n <div>\n <DragAndDrop\n title={title}\n description={description}\n previewLabel={previewLabel}\n previewContent={previewContent}\n uploadLabel={uploadLabel}\n loading={loading}\n modified={modified}\n onReset={handleReset}\n error={error}\n disabled={disabled}\n buttonAriaLabel={buttonAriaLabel}\n errorButtonLabel={errorButtonLabel}\n >\n {(onDragStart, onDragStop) => (\n <input\n type=\"file\"\n name={name}\n accept={imageTypes}\n disabled={loading || disabled}\n className={style.input}\n onChange={onChange}\n onDragEnter={onDragStart}\n onDrop={onDragStop}\n onDragLeave={onDragStop}\n />\n )}\n </DragAndDrop>\n {labelLink && hrefLink ? (\n <div className={style.templateLink}>\n {labelLink}\n <Link\n type=\"text\"\n customStyle={linkCustomStyle}\n link={{href: hrefLink, download: true}}\n label={labelButtonLink}\n />\n </div>\n ) : null}\n </div>\n );\n};\n\nImageUpload.propTypes = {\n ...DragAndDrop.propTypes,\n name: PropTypes.string,\n onChange: PropTypes.func,\n onReset: PropTypes.func,\n imageTypes: PropTypes.arrayOf(ImagePropType),\n error: PropTypes.string,\n buttonAriaLabel: PropTypes.string,\n errorButtonLabel: PropTypes.string,\n labelLink: PropTypes.string,\n hrefLink: PropTypes.string\n};\n\nexport default ImageUpload;\n"],"mappings":";;;;AAAA,OAAOA,KAAP,IAAeC,WAAf,QAAiC,OAAjC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,WAAP,MAAwB,kBAAxB;AACA,SAAQC,aAAR,QAA4B,sBAA5B;AACA,OAAOC,IAAP,MAAiB,gBAAjB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,WAAW,GAAG,CAAC;EACnBC,KADmB;EAEnBC,WAFmB;EAGnBC,YAHmB;EAInBC,cAJmB;EAKnBC,WALmB;EAMnBC,OANmB;EAOnBC,QAPmB;EAQnBC,QAAQ,GAAG,KARQ;EASnBC,QATmB;EAUnBC,OAAO,GAAG,IAVS;EAWnBC,IAXmB;EAYnBC,SAZmB;EAanBC,eAbmB;EAcnBC,QAdmB;EAenB;EACAC,UAAU,GAAG,CAAC,GAAD,CAhBM;EAiBnBC,KAAK,GAAG,EAjBW;EAkBnBC,eAlBmB;EAmBnBC;AAnBmB,CAAD,KAoBd;EACJ,MAAMC,WAAW,GAAGzB,WAAW,CAC7B0B,CAAC,IAAI;IACH,IAAI,OAAMV,OAAN,CAAJ,EAAoB;IACpBU,CAAC,CAACC,cAAF;IACA,OAAOX,OAAO,CAACU,CAAD,CAAd;EACD,CAL4B,EAM7B,CAACV,OAAD,CAN6B,CAA/B;EASA,MAAMY,eAAe,GAAG;IACtBC,KAAK,EAAE,MADe;IAEtBC,KAAK,EAAE;EAFe,CAAxB;EAKA,oBACE,8CACE,oBAAC,WAAD;IACE,KAAK,EAAEvB,KADT;IAEE,WAAW,EAAEC,WAFf;IAGE,YAAY,EAAEC,YAHhB;IAIE,cAAc,EAAEC,cAJlB;IAKE,WAAW,EAAEC,WALf;IAME,OAAO,EAAEC,OANX;IAOE,QAAQ,EAAEC,QAPZ;IAQE,OAAO,EAAEY,WARX;IASE,KAAK,EAAEH,KATT;IAUE,QAAQ,EAAER,QAVZ;IAWE,eAAe,EAAES,eAXnB;IAYE,gBAAgB,EAAEC;EAZpB,GAcG,CAACO,WAAD,EAAcC,UAAd,kBACC;IACE,IAAI,EAAC,MADP;IAEE,IAAI,EAAEf,IAFR;IAGE,MAAM,EAAEI,UAHV;IAIE,QAAQ,EAAET,OAAO,IAAIE,QAJvB;IAKE,SAAS,EAAET,KAAK,CAAC4B,KALnB;IAME,QAAQ,EAAElB,QANZ;IAOE,WAAW,EAAEgB,WAPf;IAQE,MAAM,EAAEC,UARV;IASE,WAAW,EAAEA;EATf,EAfJ,CADF,EA6BGd,SAAS,IAAIE,QAAb,gBACC;IAAK,SAAS,EAAEf,KAAK,CAAC6B;EAAtB,GACGhB,SADH,eAEE,oBAAC,IAAD;IACE,IAAI,EAAC,MADP;IAEE,WAAW,EAAEU,eAFf;IAGE,IAAI,EAAE;MAACO,IAAI,EAAEf,QAAP;MAAiBgB,QAAQ,EAAE;IAA3B,CAHR;IAIE,KAAK,EAAEjB;EAJT,EAFF,CADD,GAUG,IAvCN,CADF;AA2CD,CA9ED;;AAgFAb,WAAW,CAAC+B,SAAZ,wDACKnC,WAAW,CAACmC,SADjB;EAEEpB,IAAI,EAAEhB,SAAS,CAACqC,MAFlB;EAGEvB,QAAQ,EAAEd,SAAS,CAACsC,IAHtB;EAIEvB,OAAO,EAAEf,SAAS,CAACsC,IAJrB;EAKElB,UAAU,EAAEpB,SAAS,CAACuC,OAAV,CAAkBrC,aAAlB,CALd;EAMEmB,KAAK,EAAErB,SAAS,CAACqC,MANnB;EAOEf,eAAe,EAAEtB,SAAS,CAACqC,MAP7B;EAQEd,gBAAgB,EAAEvB,SAAS,CAACqC,MAR9B;EASEpB,SAAS,EAAEjB,SAAS,CAACqC,MATvB;EAUElB,QAAQ,EAAEnB,SAAS,CAACqC;AAVtB;AAaA,eAAehC,WAAf"}
|
|
@@ -31,6 +31,8 @@ declare namespace VideoUpload {
|
|
|
31
31
|
error: PropTypes.Requireable<string>;
|
|
32
32
|
buttonAriaLabel: PropTypes.Requireable<string>;
|
|
33
33
|
errorButtonLabel: PropTypes.Requireable<string>;
|
|
34
|
+
pdfButtonLabel: PropTypes.Requireable<string>;
|
|
35
|
+
pdfButtonAriaLabel: PropTypes.Requireable<string>;
|
|
34
36
|
};
|
|
35
37
|
}
|
|
36
38
|
import PropTypes from "prop-types";
|
|
@@ -148,6 +148,8 @@ declare namespace BrandFormGroup {
|
|
|
148
148
|
modified: PropTypes.Requireable<boolean>;
|
|
149
149
|
disabled: PropTypes.Requireable<boolean>;
|
|
150
150
|
children: PropTypes.Requireable<(...args: any[]) => any>;
|
|
151
|
+
pdfButtonLabel: PropTypes.Requireable<string>;
|
|
152
|
+
pdfButtonAriaLabel: PropTypes.Requireable<string>;
|
|
151
153
|
}> | PropTypes.InferProps<{
|
|
152
154
|
type: PropTypes.Requireable<string>;
|
|
153
155
|
tabProps: PropTypes.Requireable<(PropTypes.InferProps<{
|
|
@@ -266,6 +268,8 @@ declare namespace BrandFormGroup {
|
|
|
266
268
|
modified: PropTypes.Requireable<boolean>;
|
|
267
269
|
disabled: PropTypes.Requireable<boolean>;
|
|
268
270
|
children: PropTypes.Requireable<(...args: any[]) => any>;
|
|
271
|
+
pdfButtonLabel: PropTypes.Requireable<string>;
|
|
272
|
+
pdfButtonAriaLabel: PropTypes.Requireable<string>;
|
|
269
273
|
}> | PropTypes.InferProps<{
|
|
270
274
|
type: PropTypes.Requireable<string>;
|
|
271
275
|
title: PropTypes.Validator<string>;
|
|
@@ -25,6 +25,8 @@ declare namespace DragAndDropWrapper {
|
|
|
25
25
|
modified: PropTypes.Requireable<boolean>;
|
|
26
26
|
disabled: PropTypes.Requireable<boolean>;
|
|
27
27
|
children: PropTypes.Requireable<(...args: any[]) => any>;
|
|
28
|
+
pdfButtonLabel: PropTypes.Requireable<string>;
|
|
29
|
+
pdfButtonAriaLabel: PropTypes.Requireable<string>;
|
|
28
30
|
}> | null | undefined)[]>;
|
|
29
31
|
'data-name': PropTypes.Requireable<string>;
|
|
30
32
|
};
|
|
@@ -105,6 +105,8 @@ declare namespace SetupSlide {
|
|
|
105
105
|
modified: PropTypes.Requireable<boolean>;
|
|
106
106
|
disabled: PropTypes.Requireable<boolean>;
|
|
107
107
|
children: PropTypes.Requireable<(...args: any[]) => any>;
|
|
108
|
+
pdfButtonLabel: PropTypes.Requireable<string>;
|
|
109
|
+
pdfButtonAriaLabel: PropTypes.Requireable<string>;
|
|
108
110
|
}> | PropTypes.InferProps<{
|
|
109
111
|
type: PropTypes.Requireable<string>;
|
|
110
112
|
title: PropTypes.Validator<string>;
|
|
@@ -118,6 +118,8 @@ declare namespace SetupSlider {
|
|
|
118
118
|
modified: PropTypes.Requireable<boolean>;
|
|
119
119
|
disabled: PropTypes.Requireable<boolean>;
|
|
120
120
|
children: PropTypes.Requireable<(...args: any[]) => any>;
|
|
121
|
+
pdfButtonLabel: PropTypes.Requireable<string>;
|
|
122
|
+
pdfButtonAriaLabel: PropTypes.Requireable<string>;
|
|
121
123
|
}> | PropTypes.InferProps<{
|
|
122
124
|
type: PropTypes.Requireable<string>;
|
|
123
125
|
title: PropTypes.Validator<string>;
|
|
@@ -65,6 +65,8 @@ declare namespace TitleAndCheckBoxWrapper {
|
|
|
65
65
|
modified: PropTypes.Requireable<boolean>;
|
|
66
66
|
disabled: PropTypes.Requireable<boolean>;
|
|
67
67
|
children: PropTypes.Requireable<(...args: any[]) => any>;
|
|
68
|
+
pdfButtonLabel: PropTypes.Requireable<string>;
|
|
69
|
+
pdfButtonAriaLabel: PropTypes.Requireable<string>;
|
|
68
70
|
}> | null | undefined)[]>;
|
|
69
71
|
'data-name': PropTypes.Requireable<string>;
|
|
70
72
|
}> | null | undefined>>;
|
|
@@ -178,6 +178,8 @@ declare namespace BrandForm {
|
|
|
178
178
|
modified: PropTypes.Requireable<boolean>;
|
|
179
179
|
disabled: PropTypes.Requireable<boolean>;
|
|
180
180
|
children: PropTypes.Requireable<(...args: any[]) => any>;
|
|
181
|
+
pdfButtonLabel: PropTypes.Requireable<string>;
|
|
182
|
+
pdfButtonAriaLabel: PropTypes.Requireable<string>;
|
|
181
183
|
}> | PropTypes.InferProps<{
|
|
182
184
|
type: PropTypes.Requireable<string>;
|
|
183
185
|
tabProps: PropTypes.Requireable<(PropTypes.InferProps<{
|
|
@@ -296,6 +298,8 @@ declare namespace BrandForm {
|
|
|
296
298
|
modified: PropTypes.Requireable<boolean>;
|
|
297
299
|
disabled: PropTypes.Requireable<boolean>;
|
|
298
300
|
children: PropTypes.Requireable<(...args: any[]) => any>;
|
|
301
|
+
pdfButtonLabel: PropTypes.Requireable<string>;
|
|
302
|
+
pdfButtonAriaLabel: PropTypes.Requireable<string>;
|
|
299
303
|
}> | PropTypes.InferProps<{
|
|
300
304
|
type: PropTypes.Requireable<string>;
|
|
301
305
|
title: PropTypes.Validator<string>;
|
|
@@ -68,6 +68,8 @@ declare namespace RewardsForm {
|
|
|
68
68
|
modified: PropTypes.Requireable<boolean>;
|
|
69
69
|
disabled: PropTypes.Requireable<boolean>;
|
|
70
70
|
children: PropTypes.Requireable<(...args: any[]) => any>;
|
|
71
|
+
pdfButtonLabel: PropTypes.Requireable<string>;
|
|
72
|
+
pdfButtonAriaLabel: PropTypes.Requireable<string>;
|
|
71
73
|
}> | null | undefined)[]>;
|
|
72
74
|
'data-name': PropTypes.Requireable<string>;
|
|
73
75
|
}> | null | undefined>>;
|
|
@@ -195,6 +195,8 @@ declare namespace WizardContents {
|
|
|
195
195
|
modified: PropTypes.Requireable<boolean>;
|
|
196
196
|
disabled: PropTypes.Requireable<boolean>;
|
|
197
197
|
children: PropTypes.Requireable<(...args: any[]) => any>;
|
|
198
|
+
pdfButtonLabel: PropTypes.Requireable<string>;
|
|
199
|
+
pdfButtonAriaLabel: PropTypes.Requireable<string>;
|
|
198
200
|
}> | PropTypes.InferProps<{
|
|
199
201
|
type: PropTypes.Requireable<string>;
|
|
200
202
|
tabProps: PropTypes.Requireable<(PropTypes.InferProps<{
|
|
@@ -313,6 +315,8 @@ declare namespace WizardContents {
|
|
|
313
315
|
modified: PropTypes.Requireable<boolean>;
|
|
314
316
|
disabled: PropTypes.Requireable<boolean>;
|
|
315
317
|
children: PropTypes.Requireable<(...args: any[]) => any>;
|
|
318
|
+
pdfButtonLabel: PropTypes.Requireable<string>;
|
|
319
|
+
pdfButtonAriaLabel: PropTypes.Requireable<string>;
|
|
316
320
|
}> | PropTypes.InferProps<{
|
|
317
321
|
type: PropTypes.Requireable<string>;
|
|
318
322
|
title: PropTypes.Validator<string>;
|
|
@@ -703,6 +707,8 @@ declare namespace WizardContents {
|
|
|
703
707
|
modified: PropTypes.Requireable<boolean>;
|
|
704
708
|
disabled: PropTypes.Requireable<boolean>;
|
|
705
709
|
children: PropTypes.Requireable<(...args: any[]) => any>;
|
|
710
|
+
pdfButtonLabel: PropTypes.Requireable<string>;
|
|
711
|
+
pdfButtonAriaLabel: PropTypes.Requireable<string>;
|
|
706
712
|
}> | null | undefined)[]>;
|
|
707
713
|
'data-name': PropTypes.Requireable<string>;
|
|
708
714
|
}> | null | undefined>>;
|
|
@@ -280,6 +280,8 @@ declare namespace BrandUpdate {
|
|
|
280
280
|
modified: PropTypes.Requireable<boolean>;
|
|
281
281
|
disabled: PropTypes.Requireable<boolean>;
|
|
282
282
|
children: PropTypes.Requireable<(...args: any[]) => any>;
|
|
283
|
+
pdfButtonLabel: PropTypes.Requireable<string>;
|
|
284
|
+
pdfButtonAriaLabel: PropTypes.Requireable<string>;
|
|
283
285
|
}> | PropTypes.InferProps<{
|
|
284
286
|
type: PropTypes.Requireable<string>;
|
|
285
287
|
tabProps: PropTypes.Requireable<(PropTypes.InferProps<{
|
|
@@ -398,6 +400,8 @@ declare namespace BrandUpdate {
|
|
|
398
400
|
modified: PropTypes.Requireable<boolean>;
|
|
399
401
|
disabled: PropTypes.Requireable<boolean>;
|
|
400
402
|
children: PropTypes.Requireable<(...args: any[]) => any>;
|
|
403
|
+
pdfButtonLabel: PropTypes.Requireable<string>;
|
|
404
|
+
pdfButtonAriaLabel: PropTypes.Requireable<string>;
|
|
401
405
|
}> | PropTypes.InferProps<{
|
|
402
406
|
type: PropTypes.Requireable<string>;
|
|
403
407
|
title: PropTypes.Validator<string>;
|
|
@@ -934,6 +938,8 @@ declare namespace BrandUpdate {
|
|
|
934
938
|
modified: PropTypes.Requireable<boolean>;
|
|
935
939
|
disabled: PropTypes.Requireable<boolean>;
|
|
936
940
|
children: PropTypes.Requireable<(...args: any[]) => any>;
|
|
941
|
+
pdfButtonLabel: PropTypes.Requireable<string>;
|
|
942
|
+
pdfButtonAriaLabel: PropTypes.Requireable<string>;
|
|
937
943
|
}> | PropTypes.InferProps<{
|
|
938
944
|
type: PropTypes.Requireable<string>;
|
|
939
945
|
tabProps: PropTypes.Requireable<(PropTypes.InferProps<{
|
|
@@ -1052,6 +1058,8 @@ declare namespace BrandUpdate {
|
|
|
1052
1058
|
modified: PropTypes.Requireable<boolean>;
|
|
1053
1059
|
disabled: PropTypes.Requireable<boolean>;
|
|
1054
1060
|
children: PropTypes.Requireable<(...args: any[]) => any>;
|
|
1061
|
+
pdfButtonLabel: PropTypes.Requireable<string>;
|
|
1062
|
+
pdfButtonAriaLabel: PropTypes.Requireable<string>;
|
|
1055
1063
|
}> | PropTypes.InferProps<{
|
|
1056
1064
|
type: PropTypes.Requireable<string>;
|
|
1057
1065
|
title: PropTypes.Validator<string>;
|
|
@@ -1442,6 +1450,8 @@ declare namespace BrandUpdate {
|
|
|
1442
1450
|
modified: PropTypes.Requireable<boolean>;
|
|
1443
1451
|
disabled: PropTypes.Requireable<boolean>;
|
|
1444
1452
|
children: PropTypes.Requireable<(...args: any[]) => any>;
|
|
1453
|
+
pdfButtonLabel: PropTypes.Requireable<string>;
|
|
1454
|
+
pdfButtonAriaLabel: PropTypes.Requireable<string>;
|
|
1445
1455
|
}> | null | undefined)[]>;
|
|
1446
1456
|
'data-name': PropTypes.Requireable<string>;
|
|
1447
1457
|
}> | null | undefined>>;
|
|
@@ -35,6 +35,8 @@ declare namespace JwVideoUploader {
|
|
|
35
35
|
error: PropTypes.Requireable<string>;
|
|
36
36
|
buttonAriaLabel: PropTypes.Requireable<string>;
|
|
37
37
|
errorButtonLabel: PropTypes.Requireable<string>;
|
|
38
|
+
pdfButtonLabel: PropTypes.Requireable<string>;
|
|
39
|
+
pdfButtonAriaLabel: PropTypes.Requireable<string>;
|
|
38
40
|
};
|
|
39
41
|
}
|
|
40
42
|
import PropTypes from "prop-types";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-icons.d.ts","sourceRoot":"","sources":["../../src/util/button-icons.js"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"button-icons.d.ts","sourceRoot":"","sources":["../../src/util/button-icons.js"],"names":[],"mappings":"AAqBA;;;;;;;;;;;;;;;;;;;EAmBE"}
|
package/es/util/button-icons.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { NovaSolidRemoveAddAddCircle1 as AddIcon, NovaCompositionCoorpacademyAnalytics as AnalyticsIcon, NovaSolidContentEditionBin as BinIcon, NovaCompositionCoorpacademyBulletPoint as BulletPointIcon, NovaCompositionNavigationArrowLeft as ChevronLeftIcon, NovaCompositionNavigationArrowRight as ChevronRightIcon, NovaSolidStatusClose as CloseIcon, NovaSolidContentEditionPencilWrite as EditIcon, NovaCompositionCoorpacademyEye as EyeIcon, NovaSolidContentContentViewModule1 as ListIcon, NovaSolidLoginLogout1 as LogoutIcon, NovaSolidApplicationsWindowUpload3 as PublishIcon, NovaSolidComputersSdCard as SaveIcon, NovaLineLoginKey1 as KlfIcon, NovaSolidFilesFoldersFolders as FoldersIcon, NovaSolidFilesBasicFileUpload2 as UploadIcon, NovaCompositionNavigationArrowDown as ArrowDown } from '@coorpacademy/nova-icons';
|
|
1
|
+
import { NovaSolidRemoveAddAddCircle1 as AddIcon, NovaCompositionCoorpacademyAnalytics as AnalyticsIcon, NovaSolidContentEditionBin as BinIcon, NovaCompositionCoorpacademyBulletPoint as BulletPointIcon, NovaCompositionNavigationArrowLeft as ChevronLeftIcon, NovaCompositionNavigationArrowRight as ChevronRightIcon, NovaSolidStatusClose as CloseIcon, NovaSolidContentEditionPencilWrite as EditIcon, NovaCompositionCoorpacademyEye as EyeIcon, NovaSolidContentContentViewModule1 as ListIcon, NovaSolidLoginLogout1 as LogoutIcon, NovaSolidApplicationsWindowUpload3 as PublishIcon, NovaSolidComputersSdCard as SaveIcon, NovaLineLoginKey1 as KlfIcon, NovaSolidFilesFoldersFolders as FoldersIcon, NovaSolidFilesBasicFileUpload2 as UploadIcon, NovaCompositionNavigationArrowDown as ArrowDown, NovaLineFilesOfficeFileOfficePdf as PDF } from '@coorpacademy/nova-icons';
|
|
2
2
|
export const ICONS = {
|
|
3
3
|
add: AddIcon,
|
|
4
4
|
analytics: AnalyticsIcon,
|
|
@@ -16,6 +16,7 @@ export const ICONS = {
|
|
|
16
16
|
see: EyeIcon,
|
|
17
17
|
folders: FoldersIcon,
|
|
18
18
|
upload: UploadIcon,
|
|
19
|
-
down: ArrowDown
|
|
19
|
+
down: ArrowDown,
|
|
20
|
+
pdf: PDF
|
|
20
21
|
};
|
|
21
22
|
//# sourceMappingURL=button-icons.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-icons.js","names":["NovaSolidRemoveAddAddCircle1","AddIcon","NovaCompositionCoorpacademyAnalytics","AnalyticsIcon","NovaSolidContentEditionBin","BinIcon","NovaCompositionCoorpacademyBulletPoint","BulletPointIcon","NovaCompositionNavigationArrowLeft","ChevronLeftIcon","NovaCompositionNavigationArrowRight","ChevronRightIcon","NovaSolidStatusClose","CloseIcon","NovaSolidContentEditionPencilWrite","EditIcon","NovaCompositionCoorpacademyEye","EyeIcon","NovaSolidContentContentViewModule1","ListIcon","NovaSolidLoginLogout1","LogoutIcon","NovaSolidApplicationsWindowUpload3","PublishIcon","NovaSolidComputersSdCard","SaveIcon","NovaLineLoginKey1","KlfIcon","NovaSolidFilesFoldersFolders","FoldersIcon","NovaSolidFilesBasicFileUpload2","UploadIcon","NovaCompositionNavigationArrowDown","ArrowDown","ICONS","add","analytics","bin","close","edit","key","list","logout","publish","save","see","folders","upload","down"],"sources":["../../src/util/button-icons.js"],"sourcesContent":["import {\n NovaSolidRemoveAddAddCircle1 as AddIcon,\n NovaCompositionCoorpacademyAnalytics as AnalyticsIcon,\n NovaSolidContentEditionBin as BinIcon,\n NovaCompositionCoorpacademyBulletPoint as BulletPointIcon,\n NovaCompositionNavigationArrowLeft as ChevronLeftIcon,\n NovaCompositionNavigationArrowRight as ChevronRightIcon,\n NovaSolidStatusClose as CloseIcon,\n NovaSolidContentEditionPencilWrite as EditIcon,\n NovaCompositionCoorpacademyEye as EyeIcon,\n NovaSolidContentContentViewModule1 as ListIcon,\n NovaSolidLoginLogout1 as LogoutIcon,\n NovaSolidApplicationsWindowUpload3 as PublishIcon,\n NovaSolidComputersSdCard as SaveIcon,\n NovaLineLoginKey1 as KlfIcon,\n NovaSolidFilesFoldersFolders as FoldersIcon,\n NovaSolidFilesBasicFileUpload2 as UploadIcon,\n NovaCompositionNavigationArrowDown as ArrowDown\n} from '@coorpacademy/nova-icons';\n\nexport const ICONS = {\n add: AddIcon,\n analytics: AnalyticsIcon,\n bin: BinIcon,\n 'bullet-point': BulletPointIcon,\n 'chevron-left': ChevronLeftIcon,\n 'chevron-right': ChevronRightIcon,\n close: CloseIcon,\n edit: EditIcon,\n key: KlfIcon,\n list: ListIcon,\n logout: LogoutIcon,\n publish: PublishIcon,\n save: SaveIcon,\n see: EyeIcon,\n folders: FoldersIcon,\n upload: UploadIcon,\n down: ArrowDown\n};\n"],"mappings":"AAAA,SACEA,4BAA4B,IAAIC,OADlC,EAEEC,oCAAoC,IAAIC,aAF1C,EAGEC,0BAA0B,IAAIC,OAHhC,EAIEC,sCAAsC,IAAIC,eAJ5C,EAKEC,kCAAkC,IAAIC,eALxC,EAMEC,mCAAmC,IAAIC,gBANzC,EAOEC,oBAAoB,IAAIC,SAP1B,EAQEC,kCAAkC,IAAIC,QARxC,EASEC,8BAA8B,IAAIC,OATpC,EAUEC,kCAAkC,IAAIC,QAVxC,EAWEC,qBAAqB,IAAIC,UAX3B,EAYEC,kCAAkC,IAAIC,WAZxC,EAaEC,wBAAwB,IAAIC,QAb9B,EAcEC,iBAAiB,IAAIC,OAdvB,EAeEC,4BAA4B,IAAIC,WAflC,EAgBEC,8BAA8B,IAAIC,UAhBpC,EAiBEC,kCAAkC,IAAIC,SAjBxC,
|
|
1
|
+
{"version":3,"file":"button-icons.js","names":["NovaSolidRemoveAddAddCircle1","AddIcon","NovaCompositionCoorpacademyAnalytics","AnalyticsIcon","NovaSolidContentEditionBin","BinIcon","NovaCompositionCoorpacademyBulletPoint","BulletPointIcon","NovaCompositionNavigationArrowLeft","ChevronLeftIcon","NovaCompositionNavigationArrowRight","ChevronRightIcon","NovaSolidStatusClose","CloseIcon","NovaSolidContentEditionPencilWrite","EditIcon","NovaCompositionCoorpacademyEye","EyeIcon","NovaSolidContentContentViewModule1","ListIcon","NovaSolidLoginLogout1","LogoutIcon","NovaSolidApplicationsWindowUpload3","PublishIcon","NovaSolidComputersSdCard","SaveIcon","NovaLineLoginKey1","KlfIcon","NovaSolidFilesFoldersFolders","FoldersIcon","NovaSolidFilesBasicFileUpload2","UploadIcon","NovaCompositionNavigationArrowDown","ArrowDown","NovaLineFilesOfficeFileOfficePdf","PDF","ICONS","add","analytics","bin","close","edit","key","list","logout","publish","save","see","folders","upload","down","pdf"],"sources":["../../src/util/button-icons.js"],"sourcesContent":["import {\n NovaSolidRemoveAddAddCircle1 as AddIcon,\n NovaCompositionCoorpacademyAnalytics as AnalyticsIcon,\n NovaSolidContentEditionBin as BinIcon,\n NovaCompositionCoorpacademyBulletPoint as BulletPointIcon,\n NovaCompositionNavigationArrowLeft as ChevronLeftIcon,\n NovaCompositionNavigationArrowRight as ChevronRightIcon,\n NovaSolidStatusClose as CloseIcon,\n NovaSolidContentEditionPencilWrite as EditIcon,\n NovaCompositionCoorpacademyEye as EyeIcon,\n NovaSolidContentContentViewModule1 as ListIcon,\n NovaSolidLoginLogout1 as LogoutIcon,\n NovaSolidApplicationsWindowUpload3 as PublishIcon,\n NovaSolidComputersSdCard as SaveIcon,\n NovaLineLoginKey1 as KlfIcon,\n NovaSolidFilesFoldersFolders as FoldersIcon,\n NovaSolidFilesBasicFileUpload2 as UploadIcon,\n NovaCompositionNavigationArrowDown as ArrowDown,\n NovaLineFilesOfficeFileOfficePdf as PDF\n} from '@coorpacademy/nova-icons';\n\nexport const ICONS = {\n add: AddIcon,\n analytics: AnalyticsIcon,\n bin: BinIcon,\n 'bullet-point': BulletPointIcon,\n 'chevron-left': ChevronLeftIcon,\n 'chevron-right': ChevronRightIcon,\n close: CloseIcon,\n edit: EditIcon,\n key: KlfIcon,\n list: ListIcon,\n logout: LogoutIcon,\n publish: PublishIcon,\n save: SaveIcon,\n see: EyeIcon,\n folders: FoldersIcon,\n upload: UploadIcon,\n down: ArrowDown,\n pdf: PDF\n};\n"],"mappings":"AAAA,SACEA,4BAA4B,IAAIC,OADlC,EAEEC,oCAAoC,IAAIC,aAF1C,EAGEC,0BAA0B,IAAIC,OAHhC,EAIEC,sCAAsC,IAAIC,eAJ5C,EAKEC,kCAAkC,IAAIC,eALxC,EAMEC,mCAAmC,IAAIC,gBANzC,EAOEC,oBAAoB,IAAIC,SAP1B,EAQEC,kCAAkC,IAAIC,QARxC,EASEC,8BAA8B,IAAIC,OATpC,EAUEC,kCAAkC,IAAIC,QAVxC,EAWEC,qBAAqB,IAAIC,UAX3B,EAYEC,kCAAkC,IAAIC,WAZxC,EAaEC,wBAAwB,IAAIC,QAb9B,EAcEC,iBAAiB,IAAIC,OAdvB,EAeEC,4BAA4B,IAAIC,WAflC,EAgBEC,8BAA8B,IAAIC,UAhBpC,EAiBEC,kCAAkC,IAAIC,SAjBxC,EAkBEC,gCAAgC,IAAIC,GAlBtC,QAmBO,0BAnBP;AAqBA,OAAO,MAAMC,KAAK,GAAG;EACnBC,GAAG,EAAEpC,OADc;EAEnBqC,SAAS,EAAEnC,aAFQ;EAGnBoC,GAAG,EAAElC,OAHc;EAInB,gBAAgBE,eAJG;EAKnB,gBAAgBE,eALG;EAMnB,iBAAiBE,gBANE;EAOnB6B,KAAK,EAAE3B,SAPY;EAQnB4B,IAAI,EAAE1B,QARa;EASnB2B,GAAG,EAAEf,OATc;EAUnBgB,IAAI,EAAExB,QAVa;EAWnByB,MAAM,EAAEvB,UAXW;EAYnBwB,OAAO,EAAEtB,WAZU;EAanBuB,IAAI,EAAErB,QAba;EAcnBsB,GAAG,EAAE9B,OAdc;EAenB+B,OAAO,EAAEnB,WAfU;EAgBnBoB,MAAM,EAAElB,UAhBW;EAiBnBmB,IAAI,EAAEjB,SAjBa;EAkBnBkB,GAAG,EAAEhB;AAlBc,CAAd"}
|
package/es/util/proptypes.js
CHANGED
|
@@ -9,8 +9,8 @@ const PATH_REGEXP = /^\/([-a-zA-Z0-9@:%_\\+.~#?&//=]*)$/;
|
|
|
9
9
|
export const PathPropType = stringMatching(PATH_REGEXP);
|
|
10
10
|
export const SrcPropType = PropTypes.oneOfType([UrlPropType, PathPropType]);
|
|
11
11
|
export const ImagePropType = (propValue, key, componentName) => {
|
|
12
|
-
if (includes(propValue[key], ['image/
|
|
13
|
-
return new Error(`Invalid prop value: ${propValue[key]}, at component: ${componentName}. Expected a valid image type: image/
|
|
12
|
+
if (includes(propValue[key], ['image/jpeg', 'image/png', 'image/svg+xml', 'application/pdf'])) return;
|
|
13
|
+
return new Error(`Invalid prop value: ${propValue[key]}, at component: ${componentName}. Expected a valid image type: image/jpeg, image/png, image/svg+xml or application/pdf.`);
|
|
14
14
|
};
|
|
15
15
|
export const ColorPropType = _ColorPropType;
|
|
16
16
|
export const HexPropType = _HexPropType;
|
package/es/util/proptypes.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"proptypes.js","names":["PropTypes","includes","stringMatching","_ColorPropType","_HexPropType","URL_REGEXP","UrlPropType","PATH_REGEXP","PathPropType","SrcPropType","oneOfType","ImagePropType","propValue","key","componentName","Error","ColorPropType","HexPropType"],"sources":["../../src/util/proptypes.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport includes from 'lodash/fp/includes';\nimport stringMatching from 'extended-proptypes/lib/validators/stringMatching';\n\nimport _ColorPropType from 'extended-proptypes/lib/validators/color';\nimport _HexPropType from 'extended-proptypes/lib/validators/hex';\n\nconst URL_REGEXP =\n /^(http(s)?:\\/\\/.)[-a-zA-Z0-9@:%._\\\\+~#=]{2,256}\\.[a-z]{2,6}\\b([-a-zA-Z0-9@:%_\\\\+.~#?&//=]*)$/;\nexport const UrlPropType = stringMatching(URL_REGEXP);\n\nconst PATH_REGEXP = /^\\/([-a-zA-Z0-9@:%_\\\\+.~#?&//=]*)$/;\nexport const PathPropType = stringMatching(PATH_REGEXP);\n\nexport const SrcPropType = PropTypes.oneOfType([UrlPropType, PathPropType]);\n\nexport const ImagePropType = (propValue, key, componentName) => {\n if (includes(propValue[key], ['image/
|
|
1
|
+
{"version":3,"file":"proptypes.js","names":["PropTypes","includes","stringMatching","_ColorPropType","_HexPropType","URL_REGEXP","UrlPropType","PATH_REGEXP","PathPropType","SrcPropType","oneOfType","ImagePropType","propValue","key","componentName","Error","ColorPropType","HexPropType"],"sources":["../../src/util/proptypes.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport includes from 'lodash/fp/includes';\nimport stringMatching from 'extended-proptypes/lib/validators/stringMatching';\n\nimport _ColorPropType from 'extended-proptypes/lib/validators/color';\nimport _HexPropType from 'extended-proptypes/lib/validators/hex';\n\nconst URL_REGEXP =\n /^(http(s)?:\\/\\/.)[-a-zA-Z0-9@:%._\\\\+~#=]{2,256}\\.[a-z]{2,6}\\b([-a-zA-Z0-9@:%_\\\\+.~#?&//=]*)$/;\nexport const UrlPropType = stringMatching(URL_REGEXP);\n\nconst PATH_REGEXP = /^\\/([-a-zA-Z0-9@:%_\\\\+.~#?&//=]*)$/;\nexport const PathPropType = stringMatching(PATH_REGEXP);\n\nexport const SrcPropType = PropTypes.oneOfType([UrlPropType, PathPropType]);\n\nexport const ImagePropType = (propValue, key, componentName) => {\n if (includes(propValue[key], ['image/jpeg', 'image/png', 'image/svg+xml', 'application/pdf']))\n return;\n return new Error(\n `Invalid prop value: ${propValue[key]}, at component: ${componentName}. Expected a valid image type: image/jpeg, image/png, image/svg+xml or application/pdf.`\n );\n};\n\nexport const ColorPropType = _ColorPropType;\nexport const HexPropType = _HexPropType;\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,OAAOC,QAAP,MAAqB,oBAArB;AACA,OAAOC,cAAP,MAA2B,kDAA3B;AAEA,OAAOC,cAAP,MAA2B,yCAA3B;AACA,OAAOC,YAAP,MAAyB,uCAAzB;AAEA,MAAMC,UAAU,GACd,8FADF;AAEA,OAAO,MAAMC,WAAW,GAAGJ,cAAc,CAACG,UAAD,CAAlC;AAEP,MAAME,WAAW,GAAG,oCAApB;AACA,OAAO,MAAMC,YAAY,GAAGN,cAAc,CAACK,WAAD,CAAnC;AAEP,OAAO,MAAME,WAAW,GAAGT,SAAS,CAACU,SAAV,CAAoB,CAACJ,WAAD,EAAcE,YAAd,CAApB,CAApB;AAEP,OAAO,MAAMG,aAAa,GAAG,CAACC,SAAD,EAAYC,GAAZ,EAAiBC,aAAjB,KAAmC;EAC9D,IAAIb,QAAQ,CAACW,SAAS,CAACC,GAAD,CAAV,EAAiB,CAAC,YAAD,EAAe,WAAf,EAA4B,eAA5B,EAA6C,iBAA7C,CAAjB,CAAZ,EACE;EACF,OAAO,IAAIE,KAAJ,CACJ,uBAAsBH,SAAS,CAACC,GAAD,CAAM,mBAAkBC,aAAc,yFADjE,CAAP;AAGD,CANM;AAQP,OAAO,MAAME,aAAa,GAAGb,cAAtB;AACP,OAAO,MAAMc,WAAW,GAAGb,YAApB"}
|
|
@@ -18,6 +18,8 @@ declare class DragAndDrop extends React.Component<any, any, any> {
|
|
|
18
18
|
error: PropTypes.Requireable<string>;
|
|
19
19
|
buttonAriaLabel: PropTypes.Requireable<string>;
|
|
20
20
|
errorButtonLabel: PropTypes.Requireable<string>;
|
|
21
|
+
pdfButtonLabel: PropTypes.Requireable<string>;
|
|
22
|
+
pdfButtonAriaLabel: PropTypes.Requireable<string>;
|
|
21
23
|
};
|
|
22
24
|
constructor(props: any);
|
|
23
25
|
state: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/drag-and-drop/index.js"],"names":[],"mappings":";AAgBA;IACE
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/drag-and-drop/index.js"],"names":[],"mappings":";AAgBA;IACE;;;;;;;;;;;;;;;;;;;;MAoBE;IAEF,wBASC;IANC;;MAEC;IAMH,wBAIC;IAED,uBAIC;IAED,sBAsKC;CACF"}
|
|
@@ -68,7 +68,9 @@ class DragAndDrop extends _react.default.Component {
|
|
|
68
68
|
error = '',
|
|
69
69
|
buttonAriaLabel = '',
|
|
70
70
|
errorButtonLabel = '',
|
|
71
|
-
disabled = false
|
|
71
|
+
disabled = false,
|
|
72
|
+
pdfButtonLabel,
|
|
73
|
+
pdfButtonAriaLabel
|
|
72
74
|
} = this.props;
|
|
73
75
|
const {
|
|
74
76
|
dragging
|
|
@@ -89,6 +91,26 @@ class DragAndDrop extends _react.default.Component {
|
|
|
89
91
|
src: previewContent.src,
|
|
90
92
|
type: "video/*"
|
|
91
93
|
}));
|
|
94
|
+
} else if (previewContent && previewContent.type === 'pdf') {
|
|
95
|
+
previewView = /*#__PURE__*/_react.default.createElement("div", {
|
|
96
|
+
className: _style.default.previewPdf
|
|
97
|
+
}, /*#__PURE__*/_react.default.createElement("p", {
|
|
98
|
+
className: _style.default.previewLabelPdf
|
|
99
|
+
}, previewLabel), /*#__PURE__*/_react.default.createElement(_buttonLink.default, {
|
|
100
|
+
type: "secondary",
|
|
101
|
+
link: {
|
|
102
|
+
href: previewContent.src,
|
|
103
|
+
target: '_blank',
|
|
104
|
+
download: false
|
|
105
|
+
},
|
|
106
|
+
label: pdfButtonLabel,
|
|
107
|
+
"aria-label": pdfButtonAriaLabel,
|
|
108
|
+
"data-name": "default-button-pdf",
|
|
109
|
+
icon: {
|
|
110
|
+
position: 'left',
|
|
111
|
+
type: 'pdf'
|
|
112
|
+
}
|
|
113
|
+
}));
|
|
92
114
|
} else if (loading) {
|
|
93
115
|
previewView = /*#__PURE__*/_react.default.createElement("div", {
|
|
94
116
|
className: _style.default.loaderWrapper
|
|
@@ -194,7 +216,9 @@ DragAndDrop.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
194
216
|
onReset: _propTypes.default.func,
|
|
195
217
|
error: _propTypes.default.string,
|
|
196
218
|
buttonAriaLabel: _propTypes.default.string,
|
|
197
|
-
errorButtonLabel: _propTypes.default.string
|
|
219
|
+
errorButtonLabel: _propTypes.default.string,
|
|
220
|
+
pdfButtonLabel: _propTypes.default.string,
|
|
221
|
+
pdfButtonAriaLabel: _propTypes.default.string
|
|
198
222
|
} : {};
|
|
199
223
|
var _default = DragAndDrop;
|
|
200
224
|
exports.default = _default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["constantNull","DragAndDrop","React","Component","constructor","props","state","dragging","handleDragStart","bind","handleDragStop","setState","render","idBox","children","title","description","uploadLabel","previewLabel","previewContent","loading","modified","onReset","error","buttonAriaLabel","errorButtonLabel","disabled","previewView","type","style","preview","src","loaderWrapper","loadingCancel","closeIcon","loader","loaderText","resetContent","classnames","resetUploadWrapper","resetSrcLabel","label","buildButton","defaultButtonProps","icon","position","button","previewContainer","getClassState","modifiedPreviewContainer","inputWrapper","modifiedInputWrapper","errorInputWrapper","wrapper","infosContainer","iconError","dragAndDropLabel","errorMessage","propTypes","PropTypes","string","shape","bool","func"],"sources":["../../../src/atom/drag-and-drop/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {uniqueId, constant, isEmpty} from 'lodash/fp';\nimport {\n NovaSolidStatusClose as Close,\n NovaSolidFilesBasicFileUpload2 as FileUploadIcon,\n NovaSolidFilesBasicFileBlock2 as FileUploadBlockedIcon\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport Loader from '../loader';\nimport Button from '../button-link';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst constantNull = constant(null);\n\nclass DragAndDrop extends React.Component {\n static propTypes = {\n title: PropTypes.string,\n description: PropTypes.string,\n uploadLabel: PropTypes.string,\n previewLabel: PropTypes.string,\n previewContent: PropTypes.shape({\n type: PropTypes.string,\n src: PropTypes.string,\n label: PropTypes.string\n }),\n loading: PropTypes.bool,\n modified: PropTypes.bool,\n disabled: PropTypes.bool,\n children: PropTypes.func,\n onReset: PropTypes.func,\n error: PropTypes.string,\n buttonAriaLabel: PropTypes.string,\n errorButtonLabel: PropTypes.string\n };\n\n constructor(props) {\n super(props);\n\n this.state = {\n dragging: false\n };\n\n this.handleDragStart = this.handleDragStart.bind(this);\n this.handleDragStop = this.handleDragStop.bind(this);\n }\n\n handleDragStart() {\n this.setState({\n dragging: true\n });\n }\n\n handleDragStop() {\n this.setState({\n dragging: false\n });\n }\n\n render() {\n const idBox = uniqueId('drop-box-');\n const {\n children = constantNull,\n title,\n description,\n uploadLabel,\n previewLabel = '',\n previewContent,\n loading = false,\n modified = false,\n onReset = null,\n error = '',\n buttonAriaLabel = '',\n errorButtonLabel = '',\n disabled = false\n } = this.props;\n const {dragging} = this.state;\n\n let previewView = null;\n\n if (previewContent && previewContent.type === 'image') {\n previewView = (\n <div className={style.preview}>\n <img src={previewContent.src} />\n </div>\n );\n } else if (previewContent && previewContent.type === 'video') {\n previewView = (\n <div className={style.preview}>\n <video controls src={previewContent.src} type=\"video/*\" />\n </div>\n );\n } else if (loading) {\n previewView = (\n <div className={style.loaderWrapper}>\n <div className={style.loadingCancel}>\n <Close\n data-name=\"reset-content-icon\"\n height={12}\n width={12}\n className={style.closeIcon}\n onClick={onReset}\n />\n </div>\n <div className={style.loader}>\n <Loader theme=\"coorpmanager\" />\n </div>\n <span className={style.loaderText}>Uploading</span>\n </div>\n );\n } else {\n previewView = <span>{previewLabel}</span>;\n }\n\n const resetContent =\n previewContent && previewContent.src ? (\n <div className={classnames(style.resetUploadWrapper, disabled && style.disabled)}>\n <div className={style.resetSrcLabel}>\n {previewContent.label ? previewContent.label : previewContent.src}\n </div>\n {onReset ? (\n <Close\n data-name=\"reset-content-icon\"\n height={12}\n width={12}\n className={style.closeIcon}\n onClick={onReset}\n />\n ) : null}\n </div>\n ) : null;\n\n const buildButton = () => {\n const defaultButtonProps = {\n label: uploadLabel,\n 'aria-label': buttonAriaLabel,\n 'data-name': 'default-button',\n icon: {\n position: 'left',\n type: 'folders'\n }\n };\n if (dragging) {\n return null;\n } else if (error) {\n return <Button {...defaultButtonProps} label={errorButtonLabel} icon={{}} />;\n } else {\n return <Button {...defaultButtonProps} />;\n }\n };\n\n const button = buildButton(dragging, error);\n\n const previewContainer = getClassState(\n style.previewContainer,\n style.modifiedPreviewContainer,\n null,\n modified,\n error\n );\n const inputWrapper = getClassState(\n style.inputWrapper,\n style.modifiedInputWrapper,\n style.errorInputWrapper,\n modified,\n error\n );\n\n return (\n <div className={style.wrapper} data-name=\"drag-and-drop-wrapper\">\n <div className={style.title}>{title}</div>\n {!isEmpty(previewContent) || loading ? (\n <div className={classnames(previewContainer, disabled && style.disabled)}>\n {previewView}\n </div>\n ) : (\n <div\n className={classnames(\n dragging ? style.dragging : inputWrapper,\n disabled && style.disabled\n )}\n id={idBox}\n data-name=\"drag-and-drop-box\"\n >\n <div className={style.infosContainer}>\n {error ? (\n <FileUploadBlockedIcon className={style.iconError} />\n ) : (\n <FileUploadIcon className={style.icon} />\n )}\n {description ? <div className={style.description}>{description}</div> : null}\n {error ? null : <div className={style.dragAndDropLabel}>{'Drag & Drop here'}</div>}\n </div>\n {button}\n <div>{children(this.handleDragStart, this.handleDragStop)}</div>\n </div>\n )}\n {error ? (\n <span className={classnames(style.errorMessage, disabled && style.disabled)}>\n {error}\n </span>\n ) : (\n resetContent\n )}\n </div>\n );\n }\n}\n\nexport default DragAndDrop;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","names":["constantNull","DragAndDrop","React","Component","constructor","props","state","dragging","handleDragStart","bind","handleDragStop","setState","render","idBox","children","title","description","uploadLabel","previewLabel","previewContent","loading","modified","onReset","error","buttonAriaLabel","errorButtonLabel","disabled","pdfButtonLabel","pdfButtonAriaLabel","previewView","type","style","preview","src","previewPdf","previewLabelPdf","href","target","download","position","loaderWrapper","loadingCancel","closeIcon","loader","loaderText","resetContent","classnames","resetUploadWrapper","resetSrcLabel","label","buildButton","defaultButtonProps","icon","button","previewContainer","getClassState","modifiedPreviewContainer","inputWrapper","modifiedInputWrapper","errorInputWrapper","wrapper","infosContainer","iconError","dragAndDropLabel","errorMessage","propTypes","PropTypes","string","shape","bool","func"],"sources":["../../../src/atom/drag-and-drop/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {uniqueId, constant, isEmpty} from 'lodash/fp';\nimport {\n NovaSolidStatusClose as Close,\n NovaSolidFilesBasicFileUpload2 as FileUploadIcon,\n NovaSolidFilesBasicFileBlock2 as FileUploadBlockedIcon\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport Loader from '../loader';\nimport Button from '../button-link';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst constantNull = constant(null);\n\nclass DragAndDrop extends React.Component {\n static propTypes = {\n title: PropTypes.string,\n description: PropTypes.string,\n uploadLabel: PropTypes.string,\n previewLabel: PropTypes.string,\n previewContent: PropTypes.shape({\n type: PropTypes.string,\n src: PropTypes.string,\n label: PropTypes.string\n }),\n loading: PropTypes.bool,\n modified: PropTypes.bool,\n disabled: PropTypes.bool,\n children: PropTypes.func,\n onReset: PropTypes.func,\n error: PropTypes.string,\n buttonAriaLabel: PropTypes.string,\n errorButtonLabel: PropTypes.string,\n pdfButtonLabel: PropTypes.string,\n pdfButtonAriaLabel: PropTypes.string\n };\n\n constructor(props) {\n super(props);\n\n this.state = {\n dragging: false\n };\n\n this.handleDragStart = this.handleDragStart.bind(this);\n this.handleDragStop = this.handleDragStop.bind(this);\n }\n\n handleDragStart() {\n this.setState({\n dragging: true\n });\n }\n\n handleDragStop() {\n this.setState({\n dragging: false\n });\n }\n\n render() {\n const idBox = uniqueId('drop-box-');\n const {\n children = constantNull,\n title,\n description,\n uploadLabel,\n previewLabel = '',\n previewContent,\n loading = false,\n modified = false,\n onReset = null,\n error = '',\n buttonAriaLabel = '',\n errorButtonLabel = '',\n disabled = false,\n pdfButtonLabel,\n pdfButtonAriaLabel\n } = this.props;\n const {dragging} = this.state;\n\n let previewView = null;\n\n if (previewContent && previewContent.type === 'image') {\n previewView = (\n <div className={style.preview}>\n <img src={previewContent.src} />\n </div>\n );\n } else if (previewContent && previewContent.type === 'video') {\n previewView = (\n <div className={style.preview}>\n <video controls src={previewContent.src} type=\"video/*\" />\n </div>\n );\n } else if (previewContent && previewContent.type === 'pdf') {\n previewView = (\n <div className={style.previewPdf}>\n <p className={style.previewLabelPdf}>{previewLabel}</p>\n <Button\n type=\"secondary\"\n link={{href: previewContent.src, target: '_blank', download: false}}\n label={pdfButtonLabel}\n aria-label={pdfButtonAriaLabel}\n data-name=\"default-button-pdf\"\n icon={{\n position: 'left',\n type: 'pdf'\n }}\n />\n </div>\n );\n } else if (loading) {\n previewView = (\n <div className={style.loaderWrapper}>\n <div className={style.loadingCancel}>\n <Close\n data-name=\"reset-content-icon\"\n height={12}\n width={12}\n className={style.closeIcon}\n onClick={onReset}\n />\n </div>\n <div className={style.loader}>\n <Loader theme=\"coorpmanager\" />\n </div>\n <span className={style.loaderText}>Uploading</span>\n </div>\n );\n } else {\n previewView = <span>{previewLabel}</span>;\n }\n\n const resetContent =\n previewContent && previewContent.src ? (\n <div className={classnames(style.resetUploadWrapper, disabled && style.disabled)}>\n <div className={style.resetSrcLabel}>\n {previewContent.label ? previewContent.label : previewContent.src}\n </div>\n {onReset ? (\n <Close\n data-name=\"reset-content-icon\"\n height={12}\n width={12}\n className={style.closeIcon}\n onClick={onReset}\n />\n ) : null}\n </div>\n ) : null;\n\n const buildButton = () => {\n const defaultButtonProps = {\n label: uploadLabel,\n 'aria-label': buttonAriaLabel,\n 'data-name': 'default-button',\n icon: {\n position: 'left',\n type: 'folders'\n }\n };\n if (dragging) {\n return null;\n } else if (error) {\n return <Button {...defaultButtonProps} label={errorButtonLabel} icon={{}} />;\n } else {\n return <Button {...defaultButtonProps} />;\n }\n };\n\n const button = buildButton(dragging, error);\n\n const previewContainer = getClassState(\n style.previewContainer,\n style.modifiedPreviewContainer,\n null,\n modified,\n error\n );\n const inputWrapper = getClassState(\n style.inputWrapper,\n style.modifiedInputWrapper,\n style.errorInputWrapper,\n modified,\n error\n );\n\n return (\n <div className={style.wrapper} data-name=\"drag-and-drop-wrapper\">\n <div className={style.title}>{title}</div>\n {!isEmpty(previewContent) || loading ? (\n <div className={classnames(previewContainer, disabled && style.disabled)}>\n {previewView}\n </div>\n ) : (\n <div\n className={classnames(\n dragging ? style.dragging : inputWrapper,\n disabled && style.disabled\n )}\n id={idBox}\n data-name=\"drag-and-drop-box\"\n >\n <div className={style.infosContainer}>\n {error ? (\n <FileUploadBlockedIcon className={style.iconError} />\n ) : (\n <FileUploadIcon className={style.icon} />\n )}\n {description ? <div className={style.description}>{description}</div> : null}\n {error ? null : <div className={style.dragAndDropLabel}>{'Drag & Drop here'}</div>}\n </div>\n {button}\n <div>{children(this.handleDragStart, this.handleDragStop)}</div>\n </div>\n )}\n {error ? (\n <span className={classnames(style.errorMessage, disabled && style.disabled)}>\n {error}\n </span>\n ) : (\n resetContent\n )}\n </div>\n );\n }\n}\n\nexport default DragAndDrop;\n"],"mappings":"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"}
|
|
@@ -78,12 +78,31 @@
|
|
|
78
78
|
background-color: white;
|
|
79
79
|
}
|
|
80
80
|
|
|
81
|
-
.preview img,
|
|
81
|
+
.preview img,
|
|
82
|
+
video {
|
|
82
83
|
max-width: 100%;
|
|
83
84
|
max-height: 100%;
|
|
84
85
|
margin: auto;
|
|
85
86
|
}
|
|
86
87
|
|
|
88
|
+
.previewPdf {
|
|
89
|
+
composes: preview;
|
|
90
|
+
min-height: 150px;
|
|
91
|
+
display: flex;
|
|
92
|
+
flex-direction: column;
|
|
93
|
+
justify-content: space-evenly;
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
.previewLabelPdf {
|
|
97
|
+
text-align: center;
|
|
98
|
+
font-family: "Gilroy";
|
|
99
|
+
color: cm_grey_300;
|
|
100
|
+
padding: 0px 4px;
|
|
101
|
+
overflow: hidden;
|
|
102
|
+
text-overflow: ellipsis;
|
|
103
|
+
max-width: 90%;
|
|
104
|
+
white-space: nowrap;
|
|
105
|
+
}
|
|
87
106
|
.infosContainer {
|
|
88
107
|
width: 100%;
|
|
89
108
|
height: 100%;
|
|
@@ -152,7 +171,7 @@
|
|
|
152
171
|
align-items: center;
|
|
153
172
|
justify-content: space-between;
|
|
154
173
|
margin-top: 16px;
|
|
155
|
-
padding:
|
|
174
|
+
padding: 8px 14px 8px 1px;
|
|
156
175
|
font-size: 12px;
|
|
157
176
|
font-weight: 400;
|
|
158
177
|
position: relative;
|
|
@@ -164,9 +183,6 @@
|
|
|
164
183
|
text-overflow: ellipsis;
|
|
165
184
|
white-space: nowrap;
|
|
166
185
|
flex-wrap: nowrap;
|
|
167
|
-
position: absolute;
|
|
168
|
-
left: 0;
|
|
169
|
-
right: 15px;
|
|
170
186
|
}
|
|
171
187
|
|
|
172
188
|
.closeIcon {
|
|
@@ -43,6 +43,8 @@ declare namespace ImageUpload {
|
|
|
43
43
|
modified: PropTypes.Requireable<boolean>;
|
|
44
44
|
disabled: PropTypes.Requireable<boolean>;
|
|
45
45
|
children: PropTypes.Requireable<(...args: any[]) => any>;
|
|
46
|
+
pdfButtonLabel: PropTypes.Requireable<string>;
|
|
47
|
+
pdfButtonAriaLabel: PropTypes.Requireable<string>;
|
|
46
48
|
};
|
|
47
49
|
}
|
|
48
50
|
import PropTypes from "prop-types";
|
|
@@ -37,10 +37,10 @@ const ImageUpload = ({
|
|
|
37
37
|
onChange,
|
|
38
38
|
onReset = null,
|
|
39
39
|
name,
|
|
40
|
-
// See ImagePropType for accepted values
|
|
41
40
|
labelLink,
|
|
42
41
|
labelButtonLink,
|
|
43
42
|
hrefLink,
|
|
43
|
+
// See ImagePropType for accepted values
|
|
44
44
|
imageTypes = ['*'],
|
|
45
45
|
error = '',
|
|
46
46
|
buttonAriaLabel,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["ImageUpload","title","description","previewLabel","previewContent","uploadLabel","loading","modified","disabled","onChange","onReset","name","labelLink","labelButtonLink","hrefLink","imageTypes","error","buttonAriaLabel","errorButtonLabel","handleReset","useCallback","e","preventDefault","linkCustomStyle","width","color","onDragStart","onDragStop","style","input","templateLink","href","download","propTypes","DragAndDrop","PropTypes","string","func","arrayOf","ImagePropType"],"sources":["../../../src/atom/image-upload/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {isNil} from 'lodash/fp';\nimport DragAndDrop from '../drag-and-drop';\nimport {ImagePropType} from '../../util/proptypes';\nimport Link from '../button-link';\nimport style from './style.css';\n\nconst ImageUpload = ({\n title,\n description,\n previewLabel,\n previewContent,\n uploadLabel,\n loading,\n modified,\n disabled = false,\n onChange,\n onReset = null,\n name,\n // See ImagePropType for accepted values\n
|
|
1
|
+
{"version":3,"file":"index.js","names":["ImageUpload","title","description","previewLabel","previewContent","uploadLabel","loading","modified","disabled","onChange","onReset","name","labelLink","labelButtonLink","hrefLink","imageTypes","error","buttonAriaLabel","errorButtonLabel","handleReset","useCallback","e","preventDefault","linkCustomStyle","width","color","onDragStart","onDragStop","style","input","templateLink","href","download","propTypes","DragAndDrop","PropTypes","string","func","arrayOf","ImagePropType"],"sources":["../../../src/atom/image-upload/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {isNil} from 'lodash/fp';\nimport DragAndDrop from '../drag-and-drop';\nimport {ImagePropType} from '../../util/proptypes';\nimport Link from '../button-link';\nimport style from './style.css';\n\nconst ImageUpload = ({\n title,\n description,\n previewLabel,\n previewContent,\n uploadLabel,\n loading,\n modified,\n disabled = false,\n onChange,\n onReset = null,\n name,\n labelLink,\n labelButtonLink,\n hrefLink,\n // See ImagePropType for accepted values\n imageTypes = ['*'],\n error = '',\n buttonAriaLabel,\n errorButtonLabel\n}) => {\n const handleReset = useCallback(\n e => {\n if (isNil(onReset)) return;\n e.preventDefault();\n return onReset(e);\n },\n [onReset]\n );\n\n const linkCustomStyle = {\n width: '40px',\n color: 'red'\n };\n\n return (\n <div>\n <DragAndDrop\n title={title}\n description={description}\n previewLabel={previewLabel}\n previewContent={previewContent}\n uploadLabel={uploadLabel}\n loading={loading}\n modified={modified}\n onReset={handleReset}\n error={error}\n disabled={disabled}\n buttonAriaLabel={buttonAriaLabel}\n errorButtonLabel={errorButtonLabel}\n >\n {(onDragStart, onDragStop) => (\n <input\n type=\"file\"\n name={name}\n accept={imageTypes}\n disabled={loading || disabled}\n className={style.input}\n onChange={onChange}\n onDragEnter={onDragStart}\n onDrop={onDragStop}\n onDragLeave={onDragStop}\n />\n )}\n </DragAndDrop>\n {labelLink && hrefLink ? (\n <div className={style.templateLink}>\n {labelLink}\n <Link\n type=\"text\"\n customStyle={linkCustomStyle}\n link={{href: hrefLink, download: true}}\n label={labelButtonLink}\n />\n </div>\n ) : null}\n </div>\n );\n};\n\nImageUpload.propTypes = {\n ...DragAndDrop.propTypes,\n name: PropTypes.string,\n onChange: PropTypes.func,\n onReset: PropTypes.func,\n imageTypes: PropTypes.arrayOf(ImagePropType),\n error: PropTypes.string,\n buttonAriaLabel: PropTypes.string,\n errorButtonLabel: PropTypes.string,\n labelLink: PropTypes.string,\n hrefLink: PropTypes.string\n};\n\nexport default ImageUpload;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,WAAW,GAAG,CAAC;EACnBC,KADmB;EAEnBC,WAFmB;EAGnBC,YAHmB;EAInBC,cAJmB;EAKnBC,WALmB;EAMnBC,OANmB;EAOnBC,QAPmB;EAQnBC,QAAQ,GAAG,KARQ;EASnBC,QATmB;EAUnBC,OAAO,GAAG,IAVS;EAWnBC,IAXmB;EAYnBC,SAZmB;EAanBC,eAbmB;EAcnBC,QAdmB;EAenB;EACAC,UAAU,GAAG,CAAC,GAAD,CAhBM;EAiBnBC,KAAK,GAAG,EAjBW;EAkBnBC,eAlBmB;EAmBnBC;AAnBmB,CAAD,KAoBd;EACJ,MAAMC,WAAW,GAAG,IAAAC,kBAAA,EAClBC,CAAC,IAAI;IACH,IAAI,qBAAMX,OAAN,CAAJ,EAAoB;IACpBW,CAAC,CAACC,cAAF;IACA,OAAOZ,OAAO,CAACW,CAAD,CAAd;EACD,CALiB,EAMlB,CAACX,OAAD,CANkB,CAApB;EASA,MAAMa,eAAe,GAAG;IACtBC,KAAK,EAAE,MADe;IAEtBC,KAAK,EAAE;EAFe,CAAxB;EAKA,oBACE,uDACE,6BAAC,oBAAD;IACE,KAAK,EAAExB,KADT;IAEE,WAAW,EAAEC,WAFf;IAGE,YAAY,EAAEC,YAHhB;IAIE,cAAc,EAAEC,cAJlB;IAKE,WAAW,EAAEC,WALf;IAME,OAAO,EAAEC,OANX;IAOE,QAAQ,EAAEC,QAPZ;IAQE,OAAO,EAAEY,WARX;IASE,KAAK,EAAEH,KATT;IAUE,QAAQ,EAAER,QAVZ;IAWE,eAAe,EAAES,eAXnB;IAYE,gBAAgB,EAAEC;EAZpB,GAcG,CAACQ,WAAD,EAAcC,UAAd,kBACC;IACE,IAAI,EAAC,MADP;IAEE,IAAI,EAAEhB,IAFR;IAGE,MAAM,EAAEI,UAHV;IAIE,QAAQ,EAAET,OAAO,IAAIE,QAJvB;IAKE,SAAS,EAAEoB,cAAA,CAAMC,KALnB;IAME,QAAQ,EAAEpB,QANZ;IAOE,WAAW,EAAEiB,WAPf;IAQE,MAAM,EAAEC,UARV;IASE,WAAW,EAAEA;EATf,EAfJ,CADF,EA6BGf,SAAS,IAAIE,QAAb,gBACC;IAAK,SAAS,EAAEc,cAAA,CAAME;EAAtB,GACGlB,SADH,eAEE,6BAAC,mBAAD;IACE,IAAI,EAAC,MADP;IAEE,WAAW,EAAEW,eAFf;IAGE,IAAI,EAAE;MAACQ,IAAI,EAAEjB,QAAP;MAAiBkB,QAAQ,EAAE;IAA3B,CAHR;IAIE,KAAK,EAAEnB;EAJT,EAFF,CADD,GAUG,IAvCN,CADF;AA2CD,CA9ED;;AAgFAb,WAAW,CAACiC,SAAZ,wDACKC,oBAAA,CAAYD,SADjB;EAEEtB,IAAI,EAAEwB,kBAAA,CAAUC,MAFlB;EAGE3B,QAAQ,EAAE0B,kBAAA,CAAUE,IAHtB;EAIE3B,OAAO,EAAEyB,kBAAA,CAAUE,IAJrB;EAKEtB,UAAU,EAAEoB,kBAAA,CAAUG,OAAV,CAAkBC,wBAAlB,CALd;EAMEvB,KAAK,EAAEmB,kBAAA,CAAUC,MANnB;EAOEnB,eAAe,EAAEkB,kBAAA,CAAUC,MAP7B;EAQElB,gBAAgB,EAAEiB,kBAAA,CAAUC,MAR9B;EASExB,SAAS,EAAEuB,kBAAA,CAAUC,MATvB;EAUEtB,QAAQ,EAAEqB,kBAAA,CAAUC;AAVtB;eAaepC,W"}
|
|
@@ -31,6 +31,8 @@ declare namespace VideoUpload {
|
|
|
31
31
|
error: PropTypes.Requireable<string>;
|
|
32
32
|
buttonAriaLabel: PropTypes.Requireable<string>;
|
|
33
33
|
errorButtonLabel: PropTypes.Requireable<string>;
|
|
34
|
+
pdfButtonLabel: PropTypes.Requireable<string>;
|
|
35
|
+
pdfButtonAriaLabel: PropTypes.Requireable<string>;
|
|
34
36
|
};
|
|
35
37
|
}
|
|
36
38
|
import PropTypes from "prop-types";
|
|
@@ -148,6 +148,8 @@ declare namespace BrandFormGroup {
|
|
|
148
148
|
modified: PropTypes.Requireable<boolean>;
|
|
149
149
|
disabled: PropTypes.Requireable<boolean>;
|
|
150
150
|
children: PropTypes.Requireable<(...args: any[]) => any>;
|
|
151
|
+
pdfButtonLabel: PropTypes.Requireable<string>;
|
|
152
|
+
pdfButtonAriaLabel: PropTypes.Requireable<string>;
|
|
151
153
|
}> | PropTypes.InferProps<{
|
|
152
154
|
type: PropTypes.Requireable<string>;
|
|
153
155
|
tabProps: PropTypes.Requireable<(PropTypes.InferProps<{
|
|
@@ -266,6 +268,8 @@ declare namespace BrandFormGroup {
|
|
|
266
268
|
modified: PropTypes.Requireable<boolean>;
|
|
267
269
|
disabled: PropTypes.Requireable<boolean>;
|
|
268
270
|
children: PropTypes.Requireable<(...args: any[]) => any>;
|
|
271
|
+
pdfButtonLabel: PropTypes.Requireable<string>;
|
|
272
|
+
pdfButtonAriaLabel: PropTypes.Requireable<string>;
|
|
269
273
|
}> | PropTypes.InferProps<{
|
|
270
274
|
type: PropTypes.Requireable<string>;
|
|
271
275
|
title: PropTypes.Validator<string>;
|
|
@@ -25,6 +25,8 @@ declare namespace DragAndDropWrapper {
|
|
|
25
25
|
modified: PropTypes.Requireable<boolean>;
|
|
26
26
|
disabled: PropTypes.Requireable<boolean>;
|
|
27
27
|
children: PropTypes.Requireable<(...args: any[]) => any>;
|
|
28
|
+
pdfButtonLabel: PropTypes.Requireable<string>;
|
|
29
|
+
pdfButtonAriaLabel: PropTypes.Requireable<string>;
|
|
28
30
|
}> | null | undefined)[]>;
|
|
29
31
|
'data-name': PropTypes.Requireable<string>;
|
|
30
32
|
};
|
|
@@ -105,6 +105,8 @@ declare namespace SetupSlide {
|
|
|
105
105
|
modified: PropTypes.Requireable<boolean>;
|
|
106
106
|
disabled: PropTypes.Requireable<boolean>;
|
|
107
107
|
children: PropTypes.Requireable<(...args: any[]) => any>;
|
|
108
|
+
pdfButtonLabel: PropTypes.Requireable<string>;
|
|
109
|
+
pdfButtonAriaLabel: PropTypes.Requireable<string>;
|
|
108
110
|
}> | PropTypes.InferProps<{
|
|
109
111
|
type: PropTypes.Requireable<string>;
|
|
110
112
|
title: PropTypes.Validator<string>;
|
|
@@ -118,6 +118,8 @@ declare namespace SetupSlider {
|
|
|
118
118
|
modified: PropTypes.Requireable<boolean>;
|
|
119
119
|
disabled: PropTypes.Requireable<boolean>;
|
|
120
120
|
children: PropTypes.Requireable<(...args: any[]) => any>;
|
|
121
|
+
pdfButtonLabel: PropTypes.Requireable<string>;
|
|
122
|
+
pdfButtonAriaLabel: PropTypes.Requireable<string>;
|
|
121
123
|
}> | PropTypes.InferProps<{
|
|
122
124
|
type: PropTypes.Requireable<string>;
|
|
123
125
|
title: PropTypes.Validator<string>;
|
|
@@ -65,6 +65,8 @@ declare namespace TitleAndCheckBoxWrapper {
|
|
|
65
65
|
modified: PropTypes.Requireable<boolean>;
|
|
66
66
|
disabled: PropTypes.Requireable<boolean>;
|
|
67
67
|
children: PropTypes.Requireable<(...args: any[]) => any>;
|
|
68
|
+
pdfButtonLabel: PropTypes.Requireable<string>;
|
|
69
|
+
pdfButtonAriaLabel: PropTypes.Requireable<string>;
|
|
68
70
|
}> | null | undefined)[]>;
|
|
69
71
|
'data-name': PropTypes.Requireable<string>;
|
|
70
72
|
}> | null | undefined>>;
|
|
@@ -178,6 +178,8 @@ declare namespace BrandForm {
|
|
|
178
178
|
modified: PropTypes.Requireable<boolean>;
|
|
179
179
|
disabled: PropTypes.Requireable<boolean>;
|
|
180
180
|
children: PropTypes.Requireable<(...args: any[]) => any>;
|
|
181
|
+
pdfButtonLabel: PropTypes.Requireable<string>;
|
|
182
|
+
pdfButtonAriaLabel: PropTypes.Requireable<string>;
|
|
181
183
|
}> | PropTypes.InferProps<{
|
|
182
184
|
type: PropTypes.Requireable<string>;
|
|
183
185
|
tabProps: PropTypes.Requireable<(PropTypes.InferProps<{
|
|
@@ -296,6 +298,8 @@ declare namespace BrandForm {
|
|
|
296
298
|
modified: PropTypes.Requireable<boolean>;
|
|
297
299
|
disabled: PropTypes.Requireable<boolean>;
|
|
298
300
|
children: PropTypes.Requireable<(...args: any[]) => any>;
|
|
301
|
+
pdfButtonLabel: PropTypes.Requireable<string>;
|
|
302
|
+
pdfButtonAriaLabel: PropTypes.Requireable<string>;
|
|
299
303
|
}> | PropTypes.InferProps<{
|
|
300
304
|
type: PropTypes.Requireable<string>;
|
|
301
305
|
title: PropTypes.Validator<string>;
|
|
@@ -68,6 +68,8 @@ declare namespace RewardsForm {
|
|
|
68
68
|
modified: PropTypes.Requireable<boolean>;
|
|
69
69
|
disabled: PropTypes.Requireable<boolean>;
|
|
70
70
|
children: PropTypes.Requireable<(...args: any[]) => any>;
|
|
71
|
+
pdfButtonLabel: PropTypes.Requireable<string>;
|
|
72
|
+
pdfButtonAriaLabel: PropTypes.Requireable<string>;
|
|
71
73
|
}> | null | undefined)[]>;
|
|
72
74
|
'data-name': PropTypes.Requireable<string>;
|
|
73
75
|
}> | null | undefined>>;
|
|
@@ -195,6 +195,8 @@ declare namespace WizardContents {
|
|
|
195
195
|
modified: PropTypes.Requireable<boolean>;
|
|
196
196
|
disabled: PropTypes.Requireable<boolean>;
|
|
197
197
|
children: PropTypes.Requireable<(...args: any[]) => any>;
|
|
198
|
+
pdfButtonLabel: PropTypes.Requireable<string>;
|
|
199
|
+
pdfButtonAriaLabel: PropTypes.Requireable<string>;
|
|
198
200
|
}> | PropTypes.InferProps<{
|
|
199
201
|
type: PropTypes.Requireable<string>;
|
|
200
202
|
tabProps: PropTypes.Requireable<(PropTypes.InferProps<{
|
|
@@ -313,6 +315,8 @@ declare namespace WizardContents {
|
|
|
313
315
|
modified: PropTypes.Requireable<boolean>;
|
|
314
316
|
disabled: PropTypes.Requireable<boolean>;
|
|
315
317
|
children: PropTypes.Requireable<(...args: any[]) => any>;
|
|
318
|
+
pdfButtonLabel: PropTypes.Requireable<string>;
|
|
319
|
+
pdfButtonAriaLabel: PropTypes.Requireable<string>;
|
|
316
320
|
}> | PropTypes.InferProps<{
|
|
317
321
|
type: PropTypes.Requireable<string>;
|
|
318
322
|
title: PropTypes.Validator<string>;
|
|
@@ -703,6 +707,8 @@ declare namespace WizardContents {
|
|
|
703
707
|
modified: PropTypes.Requireable<boolean>;
|
|
704
708
|
disabled: PropTypes.Requireable<boolean>;
|
|
705
709
|
children: PropTypes.Requireable<(...args: any[]) => any>;
|
|
710
|
+
pdfButtonLabel: PropTypes.Requireable<string>;
|
|
711
|
+
pdfButtonAriaLabel: PropTypes.Requireable<string>;
|
|
706
712
|
}> | null | undefined)[]>;
|
|
707
713
|
'data-name': PropTypes.Requireable<string>;
|
|
708
714
|
}> | null | undefined>>;
|
|
@@ -280,6 +280,8 @@ declare namespace BrandUpdate {
|
|
|
280
280
|
modified: PropTypes.Requireable<boolean>;
|
|
281
281
|
disabled: PropTypes.Requireable<boolean>;
|
|
282
282
|
children: PropTypes.Requireable<(...args: any[]) => any>;
|
|
283
|
+
pdfButtonLabel: PropTypes.Requireable<string>;
|
|
284
|
+
pdfButtonAriaLabel: PropTypes.Requireable<string>;
|
|
283
285
|
}> | PropTypes.InferProps<{
|
|
284
286
|
type: PropTypes.Requireable<string>;
|
|
285
287
|
tabProps: PropTypes.Requireable<(PropTypes.InferProps<{
|
|
@@ -398,6 +400,8 @@ declare namespace BrandUpdate {
|
|
|
398
400
|
modified: PropTypes.Requireable<boolean>;
|
|
399
401
|
disabled: PropTypes.Requireable<boolean>;
|
|
400
402
|
children: PropTypes.Requireable<(...args: any[]) => any>;
|
|
403
|
+
pdfButtonLabel: PropTypes.Requireable<string>;
|
|
404
|
+
pdfButtonAriaLabel: PropTypes.Requireable<string>;
|
|
401
405
|
}> | PropTypes.InferProps<{
|
|
402
406
|
type: PropTypes.Requireable<string>;
|
|
403
407
|
title: PropTypes.Validator<string>;
|
|
@@ -934,6 +938,8 @@ declare namespace BrandUpdate {
|
|
|
934
938
|
modified: PropTypes.Requireable<boolean>;
|
|
935
939
|
disabled: PropTypes.Requireable<boolean>;
|
|
936
940
|
children: PropTypes.Requireable<(...args: any[]) => any>;
|
|
941
|
+
pdfButtonLabel: PropTypes.Requireable<string>;
|
|
942
|
+
pdfButtonAriaLabel: PropTypes.Requireable<string>;
|
|
937
943
|
}> | PropTypes.InferProps<{
|
|
938
944
|
type: PropTypes.Requireable<string>;
|
|
939
945
|
tabProps: PropTypes.Requireable<(PropTypes.InferProps<{
|
|
@@ -1052,6 +1058,8 @@ declare namespace BrandUpdate {
|
|
|
1052
1058
|
modified: PropTypes.Requireable<boolean>;
|
|
1053
1059
|
disabled: PropTypes.Requireable<boolean>;
|
|
1054
1060
|
children: PropTypes.Requireable<(...args: any[]) => any>;
|
|
1061
|
+
pdfButtonLabel: PropTypes.Requireable<string>;
|
|
1062
|
+
pdfButtonAriaLabel: PropTypes.Requireable<string>;
|
|
1055
1063
|
}> | PropTypes.InferProps<{
|
|
1056
1064
|
type: PropTypes.Requireable<string>;
|
|
1057
1065
|
title: PropTypes.Validator<string>;
|
|
@@ -1442,6 +1450,8 @@ declare namespace BrandUpdate {
|
|
|
1442
1450
|
modified: PropTypes.Requireable<boolean>;
|
|
1443
1451
|
disabled: PropTypes.Requireable<boolean>;
|
|
1444
1452
|
children: PropTypes.Requireable<(...args: any[]) => any>;
|
|
1453
|
+
pdfButtonLabel: PropTypes.Requireable<string>;
|
|
1454
|
+
pdfButtonAriaLabel: PropTypes.Requireable<string>;
|
|
1445
1455
|
}> | null | undefined)[]>;
|
|
1446
1456
|
'data-name': PropTypes.Requireable<string>;
|
|
1447
1457
|
}> | null | undefined>>;
|
|
@@ -35,6 +35,8 @@ declare namespace JwVideoUploader {
|
|
|
35
35
|
error: PropTypes.Requireable<string>;
|
|
36
36
|
buttonAriaLabel: PropTypes.Requireable<string>;
|
|
37
37
|
errorButtonLabel: PropTypes.Requireable<string>;
|
|
38
|
+
pdfButtonLabel: PropTypes.Requireable<string>;
|
|
39
|
+
pdfButtonAriaLabel: PropTypes.Requireable<string>;
|
|
38
40
|
};
|
|
39
41
|
}
|
|
40
42
|
import PropTypes from "prop-types";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-icons.d.ts","sourceRoot":"","sources":["../../src/util/button-icons.js"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"button-icons.d.ts","sourceRoot":"","sources":["../../src/util/button-icons.js"],"names":[],"mappings":"AAqBA;;;;;;;;;;;;;;;;;;;EAmBE"}
|
package/lib/util/button-icons.js
CHANGED
|
@@ -22,7 +22,8 @@ const ICONS = {
|
|
|
22
22
|
see: _novaIcons.NovaCompositionCoorpacademyEye,
|
|
23
23
|
folders: _novaIcons.NovaSolidFilesFoldersFolders,
|
|
24
24
|
upload: _novaIcons.NovaSolidFilesBasicFileUpload2,
|
|
25
|
-
down: _novaIcons.NovaCompositionNavigationArrowDown
|
|
25
|
+
down: _novaIcons.NovaCompositionNavigationArrowDown,
|
|
26
|
+
pdf: _novaIcons.NovaLineFilesOfficeFileOfficePdf
|
|
26
27
|
};
|
|
27
28
|
exports.ICONS = ICONS;
|
|
28
29
|
//# sourceMappingURL=button-icons.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-icons.js","names":["ICONS","add","AddIcon","analytics","AnalyticsIcon","bin","BinIcon","BulletPointIcon","ChevronLeftIcon","ChevronRightIcon","close","CloseIcon","edit","EditIcon","key","KlfIcon","list","ListIcon","logout","LogoutIcon","publish","PublishIcon","save","SaveIcon","see","EyeIcon","folders","FoldersIcon","upload","UploadIcon","down","ArrowDown"],"sources":["../../src/util/button-icons.js"],"sourcesContent":["import {\n NovaSolidRemoveAddAddCircle1 as AddIcon,\n NovaCompositionCoorpacademyAnalytics as AnalyticsIcon,\n NovaSolidContentEditionBin as BinIcon,\n NovaCompositionCoorpacademyBulletPoint as BulletPointIcon,\n NovaCompositionNavigationArrowLeft as ChevronLeftIcon,\n NovaCompositionNavigationArrowRight as ChevronRightIcon,\n NovaSolidStatusClose as CloseIcon,\n NovaSolidContentEditionPencilWrite as EditIcon,\n NovaCompositionCoorpacademyEye as EyeIcon,\n NovaSolidContentContentViewModule1 as ListIcon,\n NovaSolidLoginLogout1 as LogoutIcon,\n NovaSolidApplicationsWindowUpload3 as PublishIcon,\n NovaSolidComputersSdCard as SaveIcon,\n NovaLineLoginKey1 as KlfIcon,\n NovaSolidFilesFoldersFolders as FoldersIcon,\n NovaSolidFilesBasicFileUpload2 as UploadIcon,\n NovaCompositionNavigationArrowDown as ArrowDown\n} from '@coorpacademy/nova-icons';\n\nexport const ICONS = {\n add: AddIcon,\n analytics: AnalyticsIcon,\n bin: BinIcon,\n 'bullet-point': BulletPointIcon,\n 'chevron-left': ChevronLeftIcon,\n 'chevron-right': ChevronRightIcon,\n close: CloseIcon,\n edit: EditIcon,\n key: KlfIcon,\n list: ListIcon,\n logout: LogoutIcon,\n publish: PublishIcon,\n save: SaveIcon,\n see: EyeIcon,\n folders: FoldersIcon,\n upload: UploadIcon,\n down: ArrowDown\n};\n"],"mappings":";;;;;AAAA;;
|
|
1
|
+
{"version":3,"file":"button-icons.js","names":["ICONS","add","AddIcon","analytics","AnalyticsIcon","bin","BinIcon","BulletPointIcon","ChevronLeftIcon","ChevronRightIcon","close","CloseIcon","edit","EditIcon","key","KlfIcon","list","ListIcon","logout","LogoutIcon","publish","PublishIcon","save","SaveIcon","see","EyeIcon","folders","FoldersIcon","upload","UploadIcon","down","ArrowDown","pdf","PDF"],"sources":["../../src/util/button-icons.js"],"sourcesContent":["import {\n NovaSolidRemoveAddAddCircle1 as AddIcon,\n NovaCompositionCoorpacademyAnalytics as AnalyticsIcon,\n NovaSolidContentEditionBin as BinIcon,\n NovaCompositionCoorpacademyBulletPoint as BulletPointIcon,\n NovaCompositionNavigationArrowLeft as ChevronLeftIcon,\n NovaCompositionNavigationArrowRight as ChevronRightIcon,\n NovaSolidStatusClose as CloseIcon,\n NovaSolidContentEditionPencilWrite as EditIcon,\n NovaCompositionCoorpacademyEye as EyeIcon,\n NovaSolidContentContentViewModule1 as ListIcon,\n NovaSolidLoginLogout1 as LogoutIcon,\n NovaSolidApplicationsWindowUpload3 as PublishIcon,\n NovaSolidComputersSdCard as SaveIcon,\n NovaLineLoginKey1 as KlfIcon,\n NovaSolidFilesFoldersFolders as FoldersIcon,\n NovaSolidFilesBasicFileUpload2 as UploadIcon,\n NovaCompositionNavigationArrowDown as ArrowDown,\n NovaLineFilesOfficeFileOfficePdf as PDF\n} from '@coorpacademy/nova-icons';\n\nexport const ICONS = {\n add: AddIcon,\n analytics: AnalyticsIcon,\n bin: BinIcon,\n 'bullet-point': BulletPointIcon,\n 'chevron-left': ChevronLeftIcon,\n 'chevron-right': ChevronRightIcon,\n close: CloseIcon,\n edit: EditIcon,\n key: KlfIcon,\n list: ListIcon,\n logout: LogoutIcon,\n publish: PublishIcon,\n save: SaveIcon,\n see: EyeIcon,\n folders: FoldersIcon,\n upload: UploadIcon,\n down: ArrowDown,\n pdf: PDF\n};\n"],"mappings":";;;;;AAAA;;AAqBO,MAAMA,KAAK,GAAG;EACnBC,GAAG,EAAEC,uCADc;EAEnBC,SAAS,EAAEC,+CAFQ;EAGnBC,GAAG,EAAEC,qCAHc;EAInB,gBAAgBC,iDAJG;EAKnB,gBAAgBC,6CALG;EAMnB,iBAAiBC,8CANE;EAOnBC,KAAK,EAAEC,+BAPY;EAQnBC,IAAI,EAAEC,6CARa;EASnBC,GAAG,EAAEC,4BATc;EAUnBC,IAAI,EAAEC,6CAVa;EAWnBC,MAAM,EAAEC,gCAXW;EAYnBC,OAAO,EAAEC,6CAZU;EAanBC,IAAI,EAAEC,mCAba;EAcnBC,GAAG,EAAEC,yCAdc;EAenBC,OAAO,EAAEC,uCAfU;EAgBnBC,MAAM,EAAEC,yCAhBW;EAiBnBC,IAAI,EAAEC,6CAjBa;EAkBnBC,GAAG,EAAEC;AAlBc,CAAd"}
|
package/lib/util/proptypes.js
CHANGED
|
@@ -27,8 +27,8 @@ const SrcPropType = _propTypes.default.oneOfType([UrlPropType, PathPropType]);
|
|
|
27
27
|
exports.SrcPropType = SrcPropType;
|
|
28
28
|
|
|
29
29
|
const ImagePropType = (propValue, key, componentName) => {
|
|
30
|
-
if ((0, _includes.default)(propValue[key], ['image/
|
|
31
|
-
return new Error(`Invalid prop value: ${propValue[key]}, at component: ${componentName}. Expected a valid image type: image/
|
|
30
|
+
if ((0, _includes.default)(propValue[key], ['image/jpeg', 'image/png', 'image/svg+xml', 'application/pdf'])) return;
|
|
31
|
+
return new Error(`Invalid prop value: ${propValue[key]}, at component: ${componentName}. Expected a valid image type: image/jpeg, image/png, image/svg+xml or application/pdf.`);
|
|
32
32
|
};
|
|
33
33
|
|
|
34
34
|
exports.ImagePropType = ImagePropType;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"proptypes.js","names":["URL_REGEXP","UrlPropType","stringMatching","PATH_REGEXP","PathPropType","SrcPropType","PropTypes","oneOfType","ImagePropType","propValue","key","componentName","includes","Error","ColorPropType","_ColorPropType","HexPropType","_HexPropType"],"sources":["../../src/util/proptypes.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport includes from 'lodash/fp/includes';\nimport stringMatching from 'extended-proptypes/lib/validators/stringMatching';\n\nimport _ColorPropType from 'extended-proptypes/lib/validators/color';\nimport _HexPropType from 'extended-proptypes/lib/validators/hex';\n\nconst URL_REGEXP =\n /^(http(s)?:\\/\\/.)[-a-zA-Z0-9@:%._\\\\+~#=]{2,256}\\.[a-z]{2,6}\\b([-a-zA-Z0-9@:%_\\\\+.~#?&//=]*)$/;\nexport const UrlPropType = stringMatching(URL_REGEXP);\n\nconst PATH_REGEXP = /^\\/([-a-zA-Z0-9@:%_\\\\+.~#?&//=]*)$/;\nexport const PathPropType = stringMatching(PATH_REGEXP);\n\nexport const SrcPropType = PropTypes.oneOfType([UrlPropType, PathPropType]);\n\nexport const ImagePropType = (propValue, key, componentName) => {\n if (includes(propValue[key], ['image/
|
|
1
|
+
{"version":3,"file":"proptypes.js","names":["URL_REGEXP","UrlPropType","stringMatching","PATH_REGEXP","PathPropType","SrcPropType","PropTypes","oneOfType","ImagePropType","propValue","key","componentName","includes","Error","ColorPropType","_ColorPropType","HexPropType","_HexPropType"],"sources":["../../src/util/proptypes.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport includes from 'lodash/fp/includes';\nimport stringMatching from 'extended-proptypes/lib/validators/stringMatching';\n\nimport _ColorPropType from 'extended-proptypes/lib/validators/color';\nimport _HexPropType from 'extended-proptypes/lib/validators/hex';\n\nconst URL_REGEXP =\n /^(http(s)?:\\/\\/.)[-a-zA-Z0-9@:%._\\\\+~#=]{2,256}\\.[a-z]{2,6}\\b([-a-zA-Z0-9@:%_\\\\+.~#?&//=]*)$/;\nexport const UrlPropType = stringMatching(URL_REGEXP);\n\nconst PATH_REGEXP = /^\\/([-a-zA-Z0-9@:%_\\\\+.~#?&//=]*)$/;\nexport const PathPropType = stringMatching(PATH_REGEXP);\n\nexport const SrcPropType = PropTypes.oneOfType([UrlPropType, PathPropType]);\n\nexport const ImagePropType = (propValue, key, componentName) => {\n if (includes(propValue[key], ['image/jpeg', 'image/png', 'image/svg+xml', 'application/pdf']))\n return;\n return new Error(\n `Invalid prop value: ${propValue[key]}, at component: ${componentName}. Expected a valid image type: image/jpeg, image/png, image/svg+xml or application/pdf.`\n );\n};\n\nexport const ColorPropType = _ColorPropType;\nexport const HexPropType = _HexPropType;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;;;AAEA,MAAMA,UAAU,GACd,8FADF;AAEO,MAAMC,WAAW,GAAG,IAAAC,uBAAA,EAAeF,UAAf,CAApB;;AAEP,MAAMG,WAAW,GAAG,oCAApB;AACO,MAAMC,YAAY,GAAG,IAAAF,uBAAA,EAAeC,WAAf,CAArB;;;AAEA,MAAME,WAAW,GAAGC,kBAAA,CAAUC,SAAV,CAAoB,CAACN,WAAD,EAAcG,YAAd,CAApB,CAApB;;;;AAEA,MAAMI,aAAa,GAAG,CAACC,SAAD,EAAYC,GAAZ,EAAiBC,aAAjB,KAAmC;EAC9D,IAAI,IAAAC,iBAAA,EAASH,SAAS,CAACC,GAAD,CAAlB,EAAyB,CAAC,YAAD,EAAe,WAAf,EAA4B,eAA5B,EAA6C,iBAA7C,CAAzB,CAAJ,EACE;EACF,OAAO,IAAIG,KAAJ,CACJ,uBAAsBJ,SAAS,CAACC,GAAD,CAAM,mBAAkBC,aAAc,yFADjE,CAAP;AAGD,CANM;;;AAQA,MAAMG,aAAa,GAAGC,cAAtB;;AACA,MAAMC,WAAW,GAAGC,YAApB"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@coorpacademy/components",
|
|
3
|
-
"version": "11.11.16-alpha.
|
|
3
|
+
"version": "11.11.16-alpha.10+c525da459",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -165,5 +165,5 @@
|
|
|
165
165
|
"last 2 versions",
|
|
166
166
|
"IE 11"
|
|
167
167
|
],
|
|
168
|
-
"gitHead": "
|
|
168
|
+
"gitHead": "c525da4591ac5205a526be58755c37e26dde20fb"
|
|
169
169
|
}
|