@coorpacademy/components 10.13.3-alpha.5 → 10.13.3-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/drag-and-drop/index.js +0 -7
- package/es/atom/drag-and-drop/index.js.map +1 -1
- package/es/atom/drag-and-drop/style.css +2 -4
- package/lib/atom/drag-and-drop/index.js +0 -6
- package/lib/atom/drag-and-drop/index.js.map +1 -1
- package/lib/atom/drag-and-drop/style.css +2 -4
- package/package.json +2 -2
|
@@ -1,9 +1,6 @@
|
|
|
1
1
|
import _isEmpty from "lodash/fp/isEmpty";
|
|
2
2
|
import _constant from "lodash/fp/constant";
|
|
3
3
|
import _uniqueId from "lodash/fp/uniqueId";
|
|
4
|
-
|
|
5
|
-
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
6
|
-
|
|
7
4
|
import React from 'react';
|
|
8
5
|
import PropTypes from 'prop-types';
|
|
9
6
|
import { NovaLineStatusClose as Close, NovaSolidFilesBasicFileUpload2 as FileUploadIcon } from '@coorpacademy/nova-icons';
|
|
@@ -130,10 +127,6 @@ class DragAndDrop extends React.Component {
|
|
|
130
127
|
|
|
131
128
|
}
|
|
132
129
|
|
|
133
|
-
_defineProperty(DragAndDrop, "contextTypes", {
|
|
134
|
-
skin: Provider.childContextTypes.skin
|
|
135
|
-
});
|
|
136
|
-
|
|
137
130
|
DragAndDrop.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
138
131
|
title: PropTypes.string,
|
|
139
132
|
description: PropTypes.string,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/atom/drag-and-drop/index.js"],"names":["React","PropTypes","NovaLineStatusClose","Close","NovaSolidFilesBasicFileUpload2","FileUploadIcon","Provider","Loader","style","Button","constantNull","DragAndDrop","Component","constructor","props","state","dragging","handleDragStart","bind","handleDragStop","setState","render","idBox","children","title","description","uploadLabel","previewLabel","previewContent","loading","modified","onReset","previewView","type","preview","src","loaderWrapper","loadingCancel","closeIcon","loader","loaderText","resetContent","resetUploadWrapper","resetSrcLabel","buttonProps","label","icon","position","wrapper","modificationsContainer","inputWrapper","
|
|
1
|
+
{"version":3,"sources":["../../../src/atom/drag-and-drop/index.js"],"names":["React","PropTypes","NovaLineStatusClose","Close","NovaSolidFilesBasicFileUpload2","FileUploadIcon","Provider","Loader","style","Button","constantNull","DragAndDrop","Component","constructor","props","state","dragging","handleDragStart","bind","handleDragStop","setState","render","idBox","children","title","description","uploadLabel","previewLabel","previewContent","loading","modified","onReset","previewView","type","preview","src","loaderWrapper","loadingCancel","closeIcon","loader","loaderText","resetContent","resetUploadWrapper","resetSrcLabel","buttonProps","label","icon","position","wrapper","modificationsContainer","inputWrapper","propTypes","string","shape","bool","func"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {uniqueId, get, constant, isEmpty} from 'lodash/fp';\nimport {\n NovaLineStatusClose as Close,\n NovaSolidFilesBasicFileUpload2 as FileUploadIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../provider';\nimport Loader from '../loader';\nimport style from './style.css';\nimport Button from '../button-link';\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 }),\n loading: PropTypes.bool,\n modified: PropTypes.bool,\n children: PropTypes.func,\n onReset: PropTypes.func\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 } = 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={16}\n width={16}\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 && onReset ? (\n <div className={style.resetUploadWrapper}>\n <div className={style.resetSrcLabel}>{previewContent.src}</div>\n <Close\n data-name=\"reset-content-icon\"\n height={16}\n width={16}\n className={style.closeIcon}\n onClick={onReset}\n />\n </div>\n ) : null;\n\n const buttonProps = {\n label: uploadLabel,\n 'aria-label': 'aria button',\n 'data-name': 'default-button',\n icon: {\n position: 'left',\n type: 'folders'\n },\n }\n\n return (\n <div className={style.wrapper} data-name=\"drag-and-drop-wrapper\">\n {!isEmpty(previewContent) || modified || loading ? \n <div className={style.modificationsContainer}>{previewView}</div> \n : \n <div className={dragging ? style.dragging : style.inputWrapper} id={idBox}>\n <FileUploadIcon className={style.icon} />\n {description ? (\n <div className={style.description}>{description}</div>\n ) : null}\n <div className={style.title}>{title}</div>\n {dragging ? null : <Button {...buttonProps} />}\n {children(this.handleDragStart, this.handleDragStop)}\n </div>\n }\n {resetContent}\n </div>\n );\n }\n}\n\nexport default DragAndDrop;\n"],"file":"index.js"}
|
|
@@ -25,8 +25,6 @@ var _buttonLink = _interopRequireDefault(require("../button-link"));
|
|
|
25
25
|
|
|
26
26
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
27
27
|
|
|
28
|
-
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
29
|
-
|
|
30
28
|
const constantNull = (0, _constant2.default)(null);
|
|
31
29
|
|
|
32
30
|
class DragAndDrop extends _react.default.Component {
|
|
@@ -144,10 +142,6 @@ class DragAndDrop extends _react.default.Component {
|
|
|
144
142
|
|
|
145
143
|
}
|
|
146
144
|
|
|
147
|
-
_defineProperty(DragAndDrop, "contextTypes", {
|
|
148
|
-
skin: _provider.default.childContextTypes.skin
|
|
149
|
-
});
|
|
150
|
-
|
|
151
145
|
DragAndDrop.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
152
146
|
title: _propTypes.default.string,
|
|
153
147
|
description: _propTypes.default.string,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/atom/drag-and-drop/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","previewView","type","style","preview","src","loaderWrapper","loadingCancel","closeIcon","loader","loaderText","resetContent","resetUploadWrapper","resetSrcLabel","buttonProps","label","icon","position","wrapper","modificationsContainer","inputWrapper","
|
|
1
|
+
{"version":3,"sources":["../../../src/atom/drag-and-drop/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","previewView","type","style","preview","src","loaderWrapper","loadingCancel","closeIcon","loader","loaderText","resetContent","resetUploadWrapper","resetSrcLabel","buttonProps","label","icon","position","wrapper","modificationsContainer","inputWrapper","propTypes","PropTypes","string","shape","bool","func"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {uniqueId, get, constant, isEmpty} from 'lodash/fp';\nimport {\n NovaLineStatusClose as Close,\n NovaSolidFilesBasicFileUpload2 as FileUploadIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../provider';\nimport Loader from '../loader';\nimport style from './style.css';\nimport Button from '../button-link';\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 }),\n loading: PropTypes.bool,\n modified: PropTypes.bool,\n children: PropTypes.func,\n onReset: PropTypes.func\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 } = 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={16}\n width={16}\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 && onReset ? (\n <div className={style.resetUploadWrapper}>\n <div className={style.resetSrcLabel}>{previewContent.src}</div>\n <Close\n data-name=\"reset-content-icon\"\n height={16}\n width={16}\n className={style.closeIcon}\n onClick={onReset}\n />\n </div>\n ) : null;\n\n const buttonProps = {\n label: uploadLabel,\n 'aria-label': 'aria button',\n 'data-name': 'default-button',\n icon: {\n position: 'left',\n type: 'folders'\n },\n }\n\n return (\n <div className={style.wrapper} data-name=\"drag-and-drop-wrapper\">\n {!isEmpty(previewContent) || modified || loading ? \n <div className={style.modificationsContainer}>{previewView}</div> \n : \n <div className={dragging ? style.dragging : style.inputWrapper} id={idBox}>\n <FileUploadIcon className={style.icon} />\n {description ? (\n <div className={style.description}>{description}</div>\n ) : null}\n <div className={style.title}>{title}</div>\n {dragging ? null : <Button {...buttonProps} />}\n {children(this.handleDragStart, this.handleDragStop)}\n </div>\n }\n {resetContent}\n </div>\n );\n }\n}\n\nexport default DragAndDrop;\n"],"file":"index.js"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@coorpacademy/components",
|
|
3
|
-
"version": "10.13.3-alpha.
|
|
3
|
+
"version": "10.13.3-alpha.6+4c1034718",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -119,5 +119,5 @@
|
|
|
119
119
|
"webpack-hot-middleware": "^2.25.0"
|
|
120
120
|
},
|
|
121
121
|
"author": "CoorpAcademy",
|
|
122
|
-
"gitHead": "
|
|
122
|
+
"gitHead": "4c1034718fbbe5e1920cbdafe6cb79008f7317c8"
|
|
123
123
|
}
|