@coorpacademy/components 11.40.26 → 11.42.0
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/chip/index.d.ts +1 -0
- package/es/atom/chip/index.d.ts.map +1 -1
- package/es/atom/chip/index.js +6 -3
- package/es/atom/chip/index.js.map +1 -1
- 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 +9 -4
- package/es/atom/drag-and-drop/index.js.map +1 -1
- package/es/atom/input-date/index.d.ts +21 -0
- package/es/atom/input-date/index.d.ts.map +1 -0
- package/es/atom/input-date/index.js +73 -0
- package/es/atom/input-date/index.js.map +1 -0
- package/es/atom/input-date/style.css +88 -0
- package/es/atom/input-file-draggable/index.d.ts +10 -2
- package/es/atom/input-file-draggable/index.d.ts.map +1 -1
- package/es/atom/input-file-draggable/index.js +12 -4
- package/es/atom/input-file-draggable/index.js.map +1 -1
- package/es/atom/radio-with-title/index.d.ts +1 -0
- package/es/atom/radio-with-title/index.d.ts.map +1 -1
- package/es/atom/radio-with-title/types.d.ts +1 -0
- package/es/atom/radio-with-title/types.d.ts.map +1 -1
- package/es/atom/title/index.d.ts +1 -0
- package/es/atom/title/index.d.ts.map +1 -1
- package/es/atom/title/index.js +16 -6
- package/es/atom/title/index.js.map +1 -1
- package/es/atom/title/style.css +4 -0
- package/es/atom/video-upload/index.d.ts +2 -0
- package/es/molecule/assignment-card/index.d.ts +62 -0
- package/es/molecule/assignment-card/index.d.ts.map +1 -0
- package/es/molecule/assignment-card/index.js +91 -0
- package/es/molecule/assignment-card/index.js.map +1 -0
- package/es/molecule/assignment-card/style.css +98 -0
- package/es/molecule/assignment-status-tag/index.d.ts +13 -0
- package/es/molecule/assignment-status-tag/index.d.ts.map +1 -0
- package/es/molecule/assignment-status-tag/index.js +47 -0
- package/es/molecule/assignment-status-tag/index.js.map +1 -0
- package/es/molecule/assignment-status-tag/types.d.ts +15 -0
- package/es/molecule/assignment-status-tag/types.d.ts.map +1 -0
- package/es/molecule/assignment-status-tag/types.js +8 -0
- package/es/molecule/assignment-status-tag/types.js.map +1 -0
- package/es/molecule/brand-form-group/index.d.ts.map +1 -1
- package/es/molecule/brand-form-group/index.js +7 -0
- package/es/molecule/brand-form-group/index.js.map +1 -1
- package/es/molecule/card/index.d.ts +1 -0
- package/es/molecule/card/index.d.ts.map +1 -1
- package/es/molecule/card/index.js +3 -0
- package/es/molecule/card/index.js.map +1 -1
- package/es/molecule/card-content/index.d.ts +3 -1
- package/es/molecule/card-content/index.d.ts.map +1 -1
- package/es/molecule/card-content/index.js +7 -1
- package/es/molecule/card-content/index.js.map +1 -1
- package/es/molecule/cm-popin/types.d.ts +11 -0
- package/es/molecule/cm-popin/types.d.ts.map +1 -1
- package/es/molecule/dashboard/cards-list/index.d.ts +3 -0
- package/es/molecule/dashboard/cards-list/index.d.ts.map +1 -1
- package/es/molecule/dashboard/cards-list/index.js +11 -5
- package/es/molecule/dashboard/cards-list/index.js.map +1 -1
- package/es/molecule/dashboard/cards-list/prop-types.d.ts +1 -0
- package/es/molecule/dashboard/cards-list/prop-types.d.ts.map +1 -1
- package/es/molecule/dashboard/cards-list/prop-types.js.map +1 -1
- package/es/molecule/drag-and-drop-wrapper/index.d.ts +6 -0
- package/es/molecule/draggable-list/index.d.ts +63 -54
- package/es/molecule/tabs/index.d.ts +1 -0
- package/es/molecule/tabs/index.d.ts.map +1 -1
- package/es/molecule/tabs/index.js +7 -3
- package/es/molecule/tabs/index.js.map +1 -1
- package/es/molecule/tabs/style.css +4 -0
- package/es/molecule/title-and-checkbox-wrapper/index.d.ts +13 -0
- package/es/molecule/title-radio-wrapper/index.d.ts +7 -0
- package/es/molecule/title-radio-wrapper/index.d.ts.map +1 -1
- package/es/molecule/title-radio-wrapper/types.d.ts +7 -0
- package/es/molecule/title-radio-wrapper/types.d.ts.map +1 -1
- package/es/organism/assignment-audience/index.d.ts +92 -0
- package/es/organism/assignment-audience/index.d.ts.map +1 -0
- package/es/organism/assignment-audience/index.js +236 -0
- package/es/organism/assignment-audience/index.js.map +1 -0
- package/es/organism/assignment-audience/style.css +115 -0
- package/es/organism/assignment-audience/types.d.ts +193 -0
- package/es/organism/assignment-audience/types.d.ts.map +1 -0
- package/es/organism/assignment-audience/types.js +108 -0
- package/es/organism/assignment-audience/types.js.map +1 -0
- package/es/organism/assignment-audience/upload-result.css +47 -0
- package/es/organism/assignment-audience/upload-result.d.ts +26 -0
- package/es/organism/assignment-audience/upload-result.d.ts.map +1 -0
- package/es/organism/assignment-audience/upload-result.js +86 -0
- package/es/organism/assignment-audience/upload-result.js.map +1 -0
- package/es/organism/assignment-row/index.d.ts +55 -0
- package/es/organism/assignment-row/index.d.ts.map +1 -0
- package/es/organism/assignment-row/index.js +38 -0
- package/es/organism/assignment-row/index.js.map +1 -0
- package/es/organism/assignment-row/types.d.ts +83 -0
- package/es/organism/assignment-row/types.d.ts.map +1 -0
- package/es/organism/assignment-row/types.js +29 -0
- package/es/organism/assignment-row/types.js.map +1 -0
- package/es/organism/brand-learning-priorities/index.d.ts +63 -54
- package/es/organism/content-skill-modal/index.d.ts +10 -0
- package/es/organism/content-skill-modal/index.d.ts.map +1 -1
- package/es/organism/content-skill-modal/types.d.ts +10 -0
- package/es/organism/content-skill-modal/types.d.ts.map +1 -1
- package/es/organism/list-item/index.d.ts +13 -1
- package/es/organism/list-item/index.d.ts.map +1 -1
- package/es/organism/list-item/index.js +45 -3
- package/es/organism/list-item/index.js.map +1 -1
- package/es/organism/list-item/style.css +36 -0
- package/es/organism/list-items/index.d.ts +10 -0
- package/es/organism/list-items/index.d.ts.map +1 -1
- package/es/organism/list-items/index.js +4 -1
- package/es/organism/list-items/index.js.map +1 -1
- package/es/organism/mooc-header/index.d.ts +7 -0
- package/es/organism/mooc-header/index.d.ts.map +1 -1
- package/es/organism/mooc-header/index.js +30 -1
- package/es/organism/mooc-header/index.js.map +1 -1
- package/es/organism/mooc-header/style.css +11 -0
- package/es/organism/rewards-form/index.d.ts +13 -0
- package/es/organism/select-opponents/index.d.ts +13 -0
- package/es/organism/select-opponents/index.d.ts.map +1 -1
- package/es/organism/select-opponents/types.d.ts +13 -0
- package/es/organism/select-opponents/types.d.ts.map +1 -1
- package/es/organism/title-and-input/index.d.ts +14 -0
- package/es/organism/title-and-input/index.d.ts.map +1 -1
- package/es/organism/title-and-input/types.d.ts +14 -0
- package/es/organism/title-and-input/types.d.ts.map +1 -1
- package/es/organism/wizard-contents/index.d.ts +13 -0
- package/es/template/app-player/loading/index.d.ts +11 -0
- package/es/template/app-player/player/index.d.ts +22 -0
- package/es/template/app-player/player/slides/index.d.ts +11 -0
- package/es/template/app-player/player/slides/index.d.ts.map +1 -1
- package/es/template/app-player/popin-correction/index.d.ts +11 -0
- package/es/template/app-player/popin-correction/index.d.ts.map +1 -1
- package/es/template/app-player/popin-end/index.d.ts +14 -0
- package/es/template/app-player/popin-end/summary.d.ts +3 -0
- package/es/template/app-review/index.d.ts +11 -0
- package/es/template/app-review/index.d.ts.map +1 -1
- package/es/template/app-review/player/prop-types.d.ts +11 -0
- package/es/template/app-review/player/prop-types.d.ts.map +1 -1
- package/es/template/app-review/prop-types.d.ts +11 -0
- package/es/template/app-review/prop-types.d.ts.map +1 -1
- package/es/template/back-office/brand-update/index.d.ts +95 -54
- package/es/template/certification-detail/index.d.ts +11 -0
- package/es/template/cockpit/jw-uploader/index.d.ts +2 -0
- package/es/template/common/dashboard/index.d.ts +22 -0
- package/es/template/common/dashboard/index.d.ts.map +1 -1
- package/es/template/common/dashboard/index.js +37 -1
- package/es/template/common/dashboard/index.js.map +1 -1
- package/es/template/common/search-page/index.d.ts +17 -0
- package/es/template/external-course/index.d.ts +11 -0
- package/es/template/my-assignments/index.d.ts +167 -0
- package/es/template/my-assignments/index.d.ts.map +1 -0
- package/es/template/my-assignments/index.js +221 -0
- package/es/template/my-assignments/index.js.map +1 -0
- package/es/template/my-assignments/style.css +84 -0
- package/es/template/my-learning/index.d.ts +3 -0
- package/es/template/playlist-detail/index.d.ts +11 -0
- package/es/template/teams-dashboard/index.d.ts +3 -0
- package/es/util/proptypes.d.ts.map +1 -1
- package/es/util/proptypes.js +2 -2
- package/es/util/proptypes.js.map +1 -1
- package/lib/atom/chip/index.d.ts +1 -0
- package/lib/atom/chip/index.d.ts.map +1 -1
- package/lib/atom/chip/index.js +6 -3
- package/lib/atom/chip/index.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 +9 -4
- package/lib/atom/drag-and-drop/index.js.map +1 -1
- package/lib/atom/input-date/index.d.ts +21 -0
- package/lib/atom/input-date/index.d.ts.map +1 -0
- package/lib/atom/input-date/index.js +80 -0
- package/lib/atom/input-date/index.js.map +1 -0
- package/lib/atom/input-date/style.css +88 -0
- package/lib/atom/input-file-draggable/index.d.ts +10 -2
- package/lib/atom/input-file-draggable/index.d.ts.map +1 -1
- package/lib/atom/input-file-draggable/index.js +12 -4
- package/lib/atom/input-file-draggable/index.js.map +1 -1
- package/lib/atom/radio-with-title/index.d.ts +1 -0
- package/lib/atom/radio-with-title/index.d.ts.map +1 -1
- package/lib/atom/radio-with-title/types.d.ts +1 -0
- package/lib/atom/radio-with-title/types.d.ts.map +1 -1
- package/lib/atom/title/index.d.ts +1 -0
- package/lib/atom/title/index.d.ts.map +1 -1
- package/lib/atom/title/index.js +16 -6
- package/lib/atom/title/index.js.map +1 -1
- package/lib/atom/title/style.css +4 -0
- package/lib/atom/video-upload/index.d.ts +2 -0
- package/lib/molecule/assignment-card/index.d.ts +62 -0
- package/lib/molecule/assignment-card/index.d.ts.map +1 -0
- package/lib/molecule/assignment-card/index.js +97 -0
- package/lib/molecule/assignment-card/index.js.map +1 -0
- package/lib/molecule/assignment-card/style.css +98 -0
- package/lib/molecule/assignment-status-tag/index.d.ts +13 -0
- package/lib/molecule/assignment-status-tag/index.d.ts.map +1 -0
- package/lib/molecule/assignment-status-tag/index.js +52 -0
- package/lib/molecule/assignment-status-tag/index.js.map +1 -0
- package/lib/molecule/assignment-status-tag/types.d.ts +15 -0
- package/lib/molecule/assignment-status-tag/types.d.ts.map +1 -0
- package/lib/molecule/assignment-status-tag/types.js +13 -0
- package/lib/molecule/assignment-status-tag/types.js.map +1 -0
- package/lib/molecule/brand-form-group/index.d.ts.map +1 -1
- package/lib/molecule/brand-form-group/index.js +7 -0
- package/lib/molecule/brand-form-group/index.js.map +1 -1
- package/lib/molecule/card/index.d.ts +1 -0
- package/lib/molecule/card/index.d.ts.map +1 -1
- package/lib/molecule/card/index.js +3 -0
- package/lib/molecule/card/index.js.map +1 -1
- package/lib/molecule/card-content/index.d.ts +3 -1
- package/lib/molecule/card-content/index.d.ts.map +1 -1
- package/lib/molecule/card-content/index.js +7 -1
- package/lib/molecule/card-content/index.js.map +1 -1
- package/lib/molecule/cm-popin/types.d.ts +11 -0
- package/lib/molecule/cm-popin/types.d.ts.map +1 -1
- package/lib/molecule/dashboard/cards-list/index.d.ts +3 -0
- package/lib/molecule/dashboard/cards-list/index.d.ts.map +1 -1
- package/lib/molecule/dashboard/cards-list/index.js +11 -5
- package/lib/molecule/dashboard/cards-list/index.js.map +1 -1
- package/lib/molecule/dashboard/cards-list/prop-types.d.ts +1 -0
- package/lib/molecule/dashboard/cards-list/prop-types.d.ts.map +1 -1
- package/lib/molecule/dashboard/cards-list/prop-types.js.map +1 -1
- package/lib/molecule/drag-and-drop-wrapper/index.d.ts +6 -0
- package/lib/molecule/draggable-list/index.d.ts +63 -54
- package/lib/molecule/tabs/index.d.ts +1 -0
- package/lib/molecule/tabs/index.d.ts.map +1 -1
- package/lib/molecule/tabs/index.js +7 -3
- package/lib/molecule/tabs/index.js.map +1 -1
- package/lib/molecule/tabs/style.css +4 -0
- package/lib/molecule/title-and-checkbox-wrapper/index.d.ts +13 -0
- package/lib/molecule/title-radio-wrapper/index.d.ts +7 -0
- package/lib/molecule/title-radio-wrapper/index.d.ts.map +1 -1
- package/lib/molecule/title-radio-wrapper/types.d.ts +7 -0
- package/lib/molecule/title-radio-wrapper/types.d.ts.map +1 -1
- package/lib/organism/assignment-audience/index.d.ts +92 -0
- package/lib/organism/assignment-audience/index.d.ts.map +1 -0
- package/lib/organism/assignment-audience/index.js +242 -0
- package/lib/organism/assignment-audience/index.js.map +1 -0
- package/lib/organism/assignment-audience/style.css +115 -0
- package/lib/organism/assignment-audience/types.d.ts +193 -0
- package/lib/organism/assignment-audience/types.d.ts.map +1 -0
- package/lib/organism/assignment-audience/types.js +112 -0
- package/lib/organism/assignment-audience/types.js.map +1 -0
- package/lib/organism/assignment-audience/upload-result.css +47 -0
- package/lib/organism/assignment-audience/upload-result.d.ts +26 -0
- package/lib/organism/assignment-audience/upload-result.d.ts.map +1 -0
- package/lib/organism/assignment-audience/upload-result.js +90 -0
- package/lib/organism/assignment-audience/upload-result.js.map +1 -0
- package/lib/organism/assignment-row/index.d.ts +55 -0
- package/lib/organism/assignment-row/index.d.ts.map +1 -0
- package/lib/organism/assignment-row/index.js +45 -0
- package/lib/organism/assignment-row/index.js.map +1 -0
- package/lib/organism/assignment-row/types.d.ts +83 -0
- package/lib/organism/assignment-row/types.d.ts.map +1 -0
- package/lib/organism/assignment-row/types.js +34 -0
- package/lib/organism/assignment-row/types.js.map +1 -0
- package/lib/organism/brand-learning-priorities/index.d.ts +63 -54
- package/lib/organism/content-skill-modal/index.d.ts +10 -0
- package/lib/organism/content-skill-modal/index.d.ts.map +1 -1
- package/lib/organism/content-skill-modal/types.d.ts +10 -0
- package/lib/organism/content-skill-modal/types.d.ts.map +1 -1
- package/lib/organism/list-item/index.d.ts +13 -1
- package/lib/organism/list-item/index.d.ts.map +1 -1
- package/lib/organism/list-item/index.js +44 -3
- package/lib/organism/list-item/index.js.map +1 -1
- package/lib/organism/list-item/style.css +36 -0
- package/lib/organism/list-items/index.d.ts +10 -0
- package/lib/organism/list-items/index.d.ts.map +1 -1
- package/lib/organism/list-items/index.js +4 -1
- package/lib/organism/list-items/index.js.map +1 -1
- package/lib/organism/mooc-header/index.d.ts +7 -0
- package/lib/organism/mooc-header/index.d.ts.map +1 -1
- package/lib/organism/mooc-header/index.js +30 -1
- package/lib/organism/mooc-header/index.js.map +1 -1
- package/lib/organism/mooc-header/style.css +11 -0
- package/lib/organism/rewards-form/index.d.ts +13 -0
- package/lib/organism/select-opponents/index.d.ts +13 -0
- package/lib/organism/select-opponents/index.d.ts.map +1 -1
- package/lib/organism/select-opponents/types.d.ts +13 -0
- package/lib/organism/select-opponents/types.d.ts.map +1 -1
- package/lib/organism/title-and-input/index.d.ts +14 -0
- package/lib/organism/title-and-input/index.d.ts.map +1 -1
- package/lib/organism/title-and-input/types.d.ts +14 -0
- package/lib/organism/title-and-input/types.d.ts.map +1 -1
- package/lib/organism/wizard-contents/index.d.ts +13 -0
- package/lib/template/app-player/loading/index.d.ts +11 -0
- package/lib/template/app-player/player/index.d.ts +22 -0
- package/lib/template/app-player/player/slides/index.d.ts +11 -0
- package/lib/template/app-player/player/slides/index.d.ts.map +1 -1
- package/lib/template/app-player/popin-correction/index.d.ts +11 -0
- package/lib/template/app-player/popin-correction/index.d.ts.map +1 -1
- package/lib/template/app-player/popin-end/index.d.ts +14 -0
- package/lib/template/app-player/popin-end/summary.d.ts +3 -0
- package/lib/template/app-review/index.d.ts +11 -0
- package/lib/template/app-review/index.d.ts.map +1 -1
- package/lib/template/app-review/player/prop-types.d.ts +11 -0
- package/lib/template/app-review/player/prop-types.d.ts.map +1 -1
- package/lib/template/app-review/prop-types.d.ts +11 -0
- package/lib/template/app-review/prop-types.d.ts.map +1 -1
- package/lib/template/back-office/brand-update/index.d.ts +95 -54
- package/lib/template/certification-detail/index.d.ts +11 -0
- package/lib/template/cockpit/jw-uploader/index.d.ts +2 -0
- package/lib/template/common/dashboard/index.d.ts +22 -0
- package/lib/template/common/dashboard/index.d.ts.map +1 -1
- package/lib/template/common/dashboard/index.js +37 -1
- package/lib/template/common/dashboard/index.js.map +1 -1
- package/lib/template/common/search-page/index.d.ts +17 -0
- package/lib/template/external-course/index.d.ts +11 -0
- package/lib/template/my-assignments/index.d.ts +167 -0
- package/lib/template/my-assignments/index.d.ts.map +1 -0
- package/lib/template/my-assignments/index.js +227 -0
- package/lib/template/my-assignments/index.js.map +1 -0
- package/lib/template/my-assignments/style.css +84 -0
- package/lib/template/my-learning/index.d.ts +3 -0
- package/lib/template/playlist-detail/index.d.ts +11 -0
- package/lib/template/teams-dashboard/index.d.ts +3 -0
- package/lib/util/proptypes.d.ts.map +1 -1
- package/lib/util/proptypes.js +2 -2
- package/lib/util/proptypes.js.map +1 -1
- package/package.json +2 -2
package/es/atom/chip/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/chip/index.js"],"names":[],"mappings":"AA2BO,qGAG0E;;AAGjF,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/chip/index.js"],"names":[],"mappings":"AA2BO,qGAG0E;;AAGjF,6DA8EC"}
|
package/es/atom/chip/index.js
CHANGED
|
@@ -35,7 +35,8 @@ const Chip = (props, context) => {
|
|
|
35
35
|
onClick,
|
|
36
36
|
leftIcon,
|
|
37
37
|
backgroundColor,
|
|
38
|
-
customStyle
|
|
38
|
+
customStyle,
|
|
39
|
+
ariaLabel
|
|
39
40
|
} = props;
|
|
40
41
|
const {
|
|
41
42
|
skin
|
|
@@ -72,7 +73,7 @@ const Chip = (props, context) => {
|
|
|
72
73
|
role: onClick ? 'button' : 'group',
|
|
73
74
|
tabIndex: onClick ? 0 : undefined,
|
|
74
75
|
onKeyDown: handleChipKeyDown(onClick),
|
|
75
|
-
"aria-label": text,
|
|
76
|
+
"aria-label": ariaLabel || text,
|
|
76
77
|
"data-name": `chip-${text}`
|
|
77
78
|
}, /*#__PURE__*/React.createElement("div", {
|
|
78
79
|
className: style.left
|
|
@@ -114,7 +115,9 @@ Chip.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
114
115
|
backgroundColor: PropTypes.string,
|
|
115
116
|
onClick: PropTypes.func,
|
|
116
117
|
leftIcon: PropTypes.string,
|
|
117
|
-
customStyle: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))
|
|
118
|
+
customStyle: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),
|
|
119
|
+
// Names the chip for assistive tech, e.g. what a click does; the text by default
|
|
120
|
+
ariaLabel: PropTypes.string
|
|
118
121
|
} : {};
|
|
119
122
|
export default Chip;
|
|
120
123
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","useMemo","useState","useCallback","PropTypes","classnames","getOr","convert","FontAwesomeIcon","fas","library","Provider","COLORS","style","add","LUMINOSITY_DELTA","cm_primary_blue","DEFAULT_BACKGROUND_COLOR","ICON_SIZE","handleChipKeyDown","onClick","event","key","preventDefault","calculateHoveredSelectedBgColor","selectedBgColor","luminosityDelta","Chip","props","context","text","subText","textColor","cm_grey_700","selected","customIcon","leftIcon","backgroundColor","customStyle","skin","skinColor","hoveredSelectedBgColor","isHovered","setIsHovered","handleClick","handleMouseEnter","handleMouseLeave","hoverStyle","defaultIcon","showIcon","color","white","createElement","className","container","unselected","onMouseEnter","onMouseLeave","role","tabIndex","undefined","onKeyDown","left","icon","fontSize","title","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","string","bool","func","objectOf","oneOfType","number"],"sources":["../../../src/atom/chip/index.js"],"sourcesContent":["import React, {useMemo, useState, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\n\nimport getOr from 'lodash/fp/getOr';\nimport {convert} from 'css-color-function';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {fas} from '@fortawesome/pro-solid-svg-icons';\nimport {library} from '@fortawesome/fontawesome-svg-core';\nimport Provider from '../provider';\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\n\nlibrary.add(fas);\n\nconst LUMINOSITY_DELTA = 0.08;\nconst {cm_primary_blue: DEFAULT_BACKGROUND_COLOR} = COLORS;\nconst ICON_SIZE = '12px';\n\nconst handleChipKeyDown = onClick => event => {\n if (!onClick) return;\n if (event.key === 'Enter' || event.key === ' ') {\n event.preventDefault();\n onClick(event);\n }\n};\n\nexport const calculateHoveredSelectedBgColor = (\n selectedBgColor,\n luminosityDelta = LUMINOSITY_DELTA\n) => convert(`hsl(from ${selectedBgColor} h s calc(l*(1 - ${luminosityDelta})))`);\n// note: luminosity decrease is relative to the selected color\n\nconst Chip = (props, context) => {\n const {\n text,\n subText,\n textColor = COLORS.cm_grey_700,\n selected = false,\n customIcon,\n onClick,\n leftIcon,\n backgroundColor,\n customStyle\n } = props;\n const {skin} = context;\n const skinColor = getOr(DEFAULT_BACKGROUND_COLOR, 'common.primary', skin);\n const selectedBgColor =\n backgroundColor === 'skin' && skinColor\n ? skinColor\n : backgroundColor || DEFAULT_BACKGROUND_COLOR;\n const hoveredSelectedBgColor = calculateHoveredSelectedBgColor(selectedBgColor);\n\n const [isHovered, setIsHovered] = useState(false);\n\n const handleClick = useMemo(() => onClick, [onClick]);\n\n const handleMouseEnter = useCallback(() => {\n setIsHovered(true);\n }, []);\n\n const handleMouseLeave = useCallback(() => {\n setIsHovered(false);\n }, []);\n\n const hoverStyle = isHovered ? {backgroundColor: hoveredSelectedBgColor} : {};\n\n const defaultIcon = selected ? 'fa-check' : 'fa-plus';\n const showIcon = customIcon !== 'none';\n const color = selected ? COLORS.white : textColor;\n\n return (\n <div\n className={classnames(style.container, !selected && style.unselected)}\n style={{\n ...(selected && selectedBgColor ? {backgroundColor: selectedBgColor} : {}),\n ...(selected && hoverStyle),\n ...customStyle\n }}\n onClick={handleClick}\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n role={onClick ? 'button' : 'group'}\n tabIndex={onClick ? 0 : undefined}\n onKeyDown={handleChipKeyDown(onClick)}\n aria-label={text}\n data-name={`chip-${text}`}\n >\n <div className={style.left}>\n {leftIcon ? <FontAwesomeIcon style={{color}} icon={leftIcon} fontSize={ICON_SIZE} /> : null}\n <div title={text}>\n <span className={style.text} style={{color}}>\n {text}\n </span>\n {subText ? (\n <span className={style.subText} style={{color}}>\n {subText}\n </span>\n ) : null}\n </div>\n </div>\n {showIcon ? (\n <FontAwesomeIcon\n style={{color}}\n icon={customIcon ? `fa-${customIcon}` : defaultIcon}\n fontSize={ICON_SIZE}\n />\n ) : null}\n </div>\n );\n};\n\nChip.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nChip.propTypes = {\n text: PropTypes.string,\n subText: PropTypes.string,\n textColor: PropTypes.string,\n selected: PropTypes.bool,\n customIcon: PropTypes.string,\n backgroundColor: PropTypes.string,\n onClick: PropTypes.func,\n leftIcon: PropTypes.string,\n customStyle: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n};\n\nexport default Chip;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAGC,OAAO,EAAEC,QAAQ,EAAEC,WAAW,QAAO,OAAO;AAC3D,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,OAAOC,KAAK,MAAM,iBAAiB;AACnC,SAAQC,OAAO,QAAO,oBAAoB;AAC1C,SAAQC,eAAe,QAAO,gCAAgC;AAC9D,SAAQC,GAAG,QAAO,kCAAkC;AACpD,SAAQC,OAAO,QAAO,mCAAmC;AACzD,OAAOC,QAAQ,MAAM,aAAa;AAClC,SAAQC,MAAM,QAAO,wBAAwB;AAC7C,OAAOC,KAAK,MAAM,aAAa;AAE/BH,OAAO,CAACI,GAAG,CAACL,GAAG,CAAC;AAEhB,MAAMM,gBAAgB,GAAG,IAAI;AAC7B,MAAM;EAACC,eAAe,EAAEC;AAAwB,CAAC,GAAGL,MAAM;AAC1D,MAAMM,SAAS,GAAG,MAAM;AAExB,MAAMC,iBAAiB,GAAGC,OAAO,IAAIC,KAAK,IAAI;EAC5C,IAAI,CAACD,OAAO,EAAE;EACd,IAAIC,KAAK,CAACC,GAAG,KAAK,OAAO,IAAID,KAAK,CAACC,GAAG,KAAK,GAAG,EAAE;IAC9CD,KAAK,CAACE,cAAc,CAAC,CAAC;IACtBH,OAAO,CAACC,KAAK,CAAC;EAChB;AACF,CAAC;AAED,OAAO,MAAMG,+BAA+B,GAAGA,CAC7CC,eAAe,EACfC,eAAe,GAAGX,gBAAgB,KAC/BR,OAAO,CAAC,YAAYkB,eAAe,oBAAoBC,eAAe,KAAK,CAAC;AACjF;;AAEA,MAAMC,IAAI,GAAGA,CAACC,KAAK,EAAEC,OAAO,KAAK;EAC/B,MAAM;IACJC,IAAI;IACJC,OAAO;IACPC,SAAS,GAAGpB,MAAM,CAACqB,WAAW;IAC9BC,QAAQ,GAAG,KAAK;IAChBC,UAAU;IACVf,OAAO;IACPgB,QAAQ;IACRC,eAAe;IACfC;EACF,CAAC,
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","useMemo","useState","useCallback","PropTypes","classnames","getOr","convert","FontAwesomeIcon","fas","library","Provider","COLORS","style","add","LUMINOSITY_DELTA","cm_primary_blue","DEFAULT_BACKGROUND_COLOR","ICON_SIZE","handleChipKeyDown","onClick","event","key","preventDefault","calculateHoveredSelectedBgColor","selectedBgColor","luminosityDelta","Chip","props","context","text","subText","textColor","cm_grey_700","selected","customIcon","leftIcon","backgroundColor","customStyle","ariaLabel","skin","skinColor","hoveredSelectedBgColor","isHovered","setIsHovered","handleClick","handleMouseEnter","handleMouseLeave","hoverStyle","defaultIcon","showIcon","color","white","createElement","className","container","unselected","onMouseEnter","onMouseLeave","role","tabIndex","undefined","onKeyDown","left","icon","fontSize","title","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","string","bool","func","objectOf","oneOfType","number"],"sources":["../../../src/atom/chip/index.js"],"sourcesContent":["import React, {useMemo, useState, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\n\nimport getOr from 'lodash/fp/getOr';\nimport {convert} from 'css-color-function';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {fas} from '@fortawesome/pro-solid-svg-icons';\nimport {library} from '@fortawesome/fontawesome-svg-core';\nimport Provider from '../provider';\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\n\nlibrary.add(fas);\n\nconst LUMINOSITY_DELTA = 0.08;\nconst {cm_primary_blue: DEFAULT_BACKGROUND_COLOR} = COLORS;\nconst ICON_SIZE = '12px';\n\nconst handleChipKeyDown = onClick => event => {\n if (!onClick) return;\n if (event.key === 'Enter' || event.key === ' ') {\n event.preventDefault();\n onClick(event);\n }\n};\n\nexport const calculateHoveredSelectedBgColor = (\n selectedBgColor,\n luminosityDelta = LUMINOSITY_DELTA\n) => convert(`hsl(from ${selectedBgColor} h s calc(l*(1 - ${luminosityDelta})))`);\n// note: luminosity decrease is relative to the selected color\n\nconst Chip = (props, context) => {\n const {\n text,\n subText,\n textColor = COLORS.cm_grey_700,\n selected = false,\n customIcon,\n onClick,\n leftIcon,\n backgroundColor,\n customStyle,\n ariaLabel\n } = props;\n const {skin} = context;\n const skinColor = getOr(DEFAULT_BACKGROUND_COLOR, 'common.primary', skin);\n const selectedBgColor =\n backgroundColor === 'skin' && skinColor\n ? skinColor\n : backgroundColor || DEFAULT_BACKGROUND_COLOR;\n const hoveredSelectedBgColor = calculateHoveredSelectedBgColor(selectedBgColor);\n\n const [isHovered, setIsHovered] = useState(false);\n\n const handleClick = useMemo(() => onClick, [onClick]);\n\n const handleMouseEnter = useCallback(() => {\n setIsHovered(true);\n }, []);\n\n const handleMouseLeave = useCallback(() => {\n setIsHovered(false);\n }, []);\n\n const hoverStyle = isHovered ? {backgroundColor: hoveredSelectedBgColor} : {};\n\n const defaultIcon = selected ? 'fa-check' : 'fa-plus';\n const showIcon = customIcon !== 'none';\n const color = selected ? COLORS.white : textColor;\n\n return (\n <div\n className={classnames(style.container, !selected && style.unselected)}\n style={{\n ...(selected && selectedBgColor ? {backgroundColor: selectedBgColor} : {}),\n ...(selected && hoverStyle),\n ...customStyle\n }}\n onClick={handleClick}\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n role={onClick ? 'button' : 'group'}\n tabIndex={onClick ? 0 : undefined}\n onKeyDown={handleChipKeyDown(onClick)}\n aria-label={ariaLabel || text}\n data-name={`chip-${text}`}\n >\n <div className={style.left}>\n {leftIcon ? <FontAwesomeIcon style={{color}} icon={leftIcon} fontSize={ICON_SIZE} /> : null}\n <div title={text}>\n <span className={style.text} style={{color}}>\n {text}\n </span>\n {subText ? (\n <span className={style.subText} style={{color}}>\n {subText}\n </span>\n ) : null}\n </div>\n </div>\n {showIcon ? (\n <FontAwesomeIcon\n style={{color}}\n icon={customIcon ? `fa-${customIcon}` : defaultIcon}\n fontSize={ICON_SIZE}\n />\n ) : null}\n </div>\n );\n};\n\nChip.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nChip.propTypes = {\n text: PropTypes.string,\n subText: PropTypes.string,\n textColor: PropTypes.string,\n selected: PropTypes.bool,\n customIcon: PropTypes.string,\n backgroundColor: PropTypes.string,\n onClick: PropTypes.func,\n leftIcon: PropTypes.string,\n customStyle: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),\n // Names the chip for assistive tech, e.g. what a click does; the text by default\n ariaLabel: PropTypes.string\n};\n\nexport default Chip;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -21,6 +21,8 @@ declare class DragAndDrop extends React.Component<any, any, any> {
|
|
|
21
21
|
pdfButtonLabel: PropTypes.Requireable<string>;
|
|
22
22
|
pdfButtonAriaLabel: PropTypes.Requireable<string>;
|
|
23
23
|
multiple: PropTypes.Requireable<boolean>;
|
|
24
|
+
dragAndDropLabel: PropTypes.Requireable<string>;
|
|
25
|
+
loadingLabel: PropTypes.Requireable<string>;
|
|
24
26
|
};
|
|
25
27
|
constructor(props: any);
|
|
26
28
|
state: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/drag-and-drop/index.js"],"names":[],"mappings":";AAiBA;IACE
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/drag-and-drop/index.js"],"names":[],"mappings":";AAiBA;IACE;;;;;;;;;;;;;;;;;;;;;;;MAwBE;IAEF,wBASC;IANC;;MAEC;IAMH,wBAIC;IAED,uBAIC;IAED,sBA8MC;CACF"}
|
|
@@ -48,7 +48,9 @@ class DragAndDrop extends React.Component {
|
|
|
48
48
|
disabled = false,
|
|
49
49
|
pdfButtonLabel,
|
|
50
50
|
pdfButtonAriaLabel,
|
|
51
|
-
multiple
|
|
51
|
+
multiple,
|
|
52
|
+
dragAndDropLabel = 'Drag & Drop here',
|
|
53
|
+
loadingLabel = 'Uploading'
|
|
52
54
|
} = this.props;
|
|
53
55
|
const {
|
|
54
56
|
dragging
|
|
@@ -128,7 +130,7 @@ class DragAndDrop extends React.Component {
|
|
|
128
130
|
theme: "coorpmanager"
|
|
129
131
|
})), /*#__PURE__*/React.createElement("span", {
|
|
130
132
|
className: style.loaderText
|
|
131
|
-
},
|
|
133
|
+
}, loadingLabel));
|
|
132
134
|
} else {
|
|
133
135
|
previewView = /*#__PURE__*/React.createElement("span", null, previewLabel);
|
|
134
136
|
}
|
|
@@ -190,7 +192,7 @@ class DragAndDrop extends React.Component {
|
|
|
190
192
|
className: style.description
|
|
191
193
|
}, description) : null, error ? null : /*#__PURE__*/React.createElement("div", {
|
|
192
194
|
className: style.dragAndDropLabel
|
|
193
|
-
},
|
|
195
|
+
}, dragAndDropLabel)), button, /*#__PURE__*/React.createElement("div", null, children(this.handleDragStart, this.handleDragStop)));
|
|
194
196
|
}
|
|
195
197
|
};
|
|
196
198
|
const content = buildContent();
|
|
@@ -224,7 +226,10 @@ DragAndDrop.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
224
226
|
errorButtonLabel: PropTypes.string,
|
|
225
227
|
pdfButtonLabel: PropTypes.string,
|
|
226
228
|
pdfButtonAriaLabel: PropTypes.string,
|
|
227
|
-
multiple: PropTypes.bool
|
|
229
|
+
multiple: PropTypes.bool,
|
|
230
|
+
// The text inside the drop zone and under the loader; English by default
|
|
231
|
+
dragAndDropLabel: PropTypes.string,
|
|
232
|
+
loadingLabel: PropTypes.string
|
|
228
233
|
} : {};
|
|
229
234
|
export default DragAndDrop;
|
|
230
235
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","PropTypes","NovaSolidStatusClose","Close","NovaSolidFilesBasicFileUpload2","FileUploadIcon","NovaSolidFilesBasicFileBlock2","FileUploadBlockedIcon","NovaSolidFilesBasicFileLines","FileLinesIcon","classnames","Loader","Button","getClassState","style","constantNull","_constant","DragAndDrop","Component","constructor","props","state","dragging","handleDragStart","bind","handleDragStop","setState","render","idBox","_uniqueId","children","title","description","uploadLabel","previewLabel","previewContent","loading","modified","onReset","error","buttonAriaLabel","errorButtonLabel","disabled","pdfButtonLabel","pdfButtonAriaLabel","multiple","previewView","customButtonStyle","width","maxWidth","padding","boxSizing","type","createElement","className","preview","src","controls","previewPdf","previewLabelPdf","link","href","target","download","label","icon","position","customStyle","previewXlsxContainer","previewXlsx","iconFile","multiplePreview","loaderWrapper","loadingCancel","height","closeIcon","onClick","loader","theme","loaderText","resetContent","resetUploadWrapper","resetSrcLabel","buildButton","defaultButtonProps","_extends","button","previewContainer","previewContainerMultiple","modifiedPreviewContainer","inputWrapper","modifiedInputWrapper","errorInputWrapper","buildContent","_isEmpty","id","infosContainer","iconError","dragAndDropLabel","content","wrapper","errorMessage","propTypes","process","env","NODE_ENV","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 NovaSolidFilesBasicFileLines as FileLinesIcon\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 multiple: PropTypes.bool\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 multiple\n } = this.props;\n const {dragging} = this.state;\n\n let previewView = null;\n\n const customButtonStyle = {\n width: 'auto',\n maxWidth: '150px',\n padding: '12px 24px',\n boxSizing: 'border-box'\n };\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 customStyle={customButtonStyle}\n />\n </div>\n );\n } else if (previewContent && previewContent.type === 'xlsx') {\n previewView = (\n <div className={style.previewXlsxContainer}>\n <div className={style.previewXlsx}>\n <FileLinesIcon className={style.iconFile} />\n </div>\n </div>\n );\n } else if (previewContent && previewContent.type === 'csv') {\n previewView = (\n <div className={style.preview}>\n <div className={style.multiplePreview}>\n <FileLinesIcon className={style.iconFile} />\n </div>\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 && !multiple ? (\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 customStyle: customButtonStyle\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 multiple ? style.previewContainerMultiple : 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 const buildContent = () => {\n if (loading) {\n return previewView;\n } else if (!isEmpty(previewContent)) {\n return (\n <div className={classnames(previewContainer, disabled && style.disabled)}>\n {previewView}\n </div>\n );\n } else {\n return (\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 }\n };\n\n const content = buildContent();\n\n return (\n <div className={style.wrapper} data-name=\"drag-and-drop-wrapper\">\n <div className={style.title}>{title}</div>\n {content}\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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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","PropTypes","NovaSolidStatusClose","Close","NovaSolidFilesBasicFileUpload2","FileUploadIcon","NovaSolidFilesBasicFileBlock2","FileUploadBlockedIcon","NovaSolidFilesBasicFileLines","FileLinesIcon","classnames","Loader","Button","getClassState","style","constantNull","_constant","DragAndDrop","Component","constructor","props","state","dragging","handleDragStart","bind","handleDragStop","setState","render","idBox","_uniqueId","children","title","description","uploadLabel","previewLabel","previewContent","loading","modified","onReset","error","buttonAriaLabel","errorButtonLabel","disabled","pdfButtonLabel","pdfButtonAriaLabel","multiple","dragAndDropLabel","loadingLabel","previewView","customButtonStyle","width","maxWidth","padding","boxSizing","type","createElement","className","preview","src","controls","previewPdf","previewLabelPdf","link","href","target","download","label","icon","position","customStyle","previewXlsxContainer","previewXlsx","iconFile","multiplePreview","loaderWrapper","loadingCancel","height","closeIcon","onClick","loader","theme","loaderText","resetContent","resetUploadWrapper","resetSrcLabel","buildButton","defaultButtonProps","_extends","button","previewContainer","previewContainerMultiple","modifiedPreviewContainer","inputWrapper","modifiedInputWrapper","errorInputWrapper","buildContent","_isEmpty","id","infosContainer","iconError","content","wrapper","errorMessage","propTypes","process","env","NODE_ENV","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 NovaSolidFilesBasicFileLines as FileLinesIcon\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 multiple: PropTypes.bool,\n // The text inside the drop zone and under the loader; English by default\n dragAndDropLabel: PropTypes.string,\n loadingLabel: 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 multiple,\n dragAndDropLabel = 'Drag & Drop here',\n loadingLabel = 'Uploading'\n } = this.props;\n const {dragging} = this.state;\n\n let previewView = null;\n\n const customButtonStyle = {\n width: 'auto',\n maxWidth: '150px',\n padding: '12px 24px',\n boxSizing: 'border-box'\n };\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 customStyle={customButtonStyle}\n />\n </div>\n );\n } else if (previewContent && previewContent.type === 'xlsx') {\n previewView = (\n <div className={style.previewXlsxContainer}>\n <div className={style.previewXlsx}>\n <FileLinesIcon className={style.iconFile} />\n </div>\n </div>\n );\n } else if (previewContent && previewContent.type === 'csv') {\n previewView = (\n <div className={style.preview}>\n <div className={style.multiplePreview}>\n <FileLinesIcon className={style.iconFile} />\n </div>\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}>{loadingLabel}</span>\n </div>\n );\n } else {\n previewView = <span>{previewLabel}</span>;\n }\n\n const resetContent =\n previewContent && previewContent.src && !multiple ? (\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 customStyle: customButtonStyle\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 multiple ? style.previewContainerMultiple : 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 const buildContent = () => {\n if (loading) {\n return previewView;\n } else if (!isEmpty(previewContent)) {\n return (\n <div className={classnames(previewContainer, disabled && style.disabled)}>\n {previewView}\n </div>\n );\n } else {\n return (\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}>{dragAndDropLabel}</div>}\n </div>\n {button}\n <div>{children(this.handleDragStart, this.handleDragStop)}</div>\n </div>\n );\n }\n };\n\n const content = buildContent();\n\n return (\n <div className={style.wrapper} data-name=\"drag-and-drop-wrapper\">\n <div className={style.title}>{title}</div>\n {content}\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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","ignoreList":[]}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
export default InputDate;
|
|
2
|
+
declare function InputDate(props: any): JSX.Element;
|
|
3
|
+
declare namespace InputDate {
|
|
4
|
+
namespace propTypes {
|
|
5
|
+
const title: PropTypes.Requireable<string>;
|
|
6
|
+
const name: PropTypes.Requireable<string>;
|
|
7
|
+
const value: PropTypes.Requireable<string>;
|
|
8
|
+
const min: PropTypes.Requireable<string>;
|
|
9
|
+
const max: PropTypes.Requireable<string>;
|
|
10
|
+
const onChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
11
|
+
const error: PropTypes.Requireable<string>;
|
|
12
|
+
const hint: PropTypes.Requireable<string>;
|
|
13
|
+
const disabled: PropTypes.Requireable<boolean>;
|
|
14
|
+
const required: PropTypes.Requireable<boolean>;
|
|
15
|
+
const modified: PropTypes.Requireable<boolean>;
|
|
16
|
+
const suffix: PropTypes.Requireable<string>;
|
|
17
|
+
const theme: PropTypes.Requireable<string>;
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
import PropTypes from "prop-types";
|
|
21
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-date/index.js"],"names":[],"mappings":";AAcA,oDA0DC"}
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
import _noop from "lodash/fp/noop";
|
|
2
|
+
import _keys from "lodash/fp/keys";
|
|
3
|
+
import _isNil from "lodash/fp/isNil";
|
|
4
|
+
import React, { useMemo } from 'react';
|
|
5
|
+
import PropTypes from 'prop-types';
|
|
6
|
+
import classnames from 'classnames';
|
|
7
|
+
import getClassState from '../../util/get-class-state';
|
|
8
|
+
import style from './style.css';
|
|
9
|
+
const themeStyle = {
|
|
10
|
+
default: style.defaultStyle,
|
|
11
|
+
setup: style.setup,
|
|
12
|
+
cockpit: style.cockpit,
|
|
13
|
+
coorpmanager: style.coorpmanager
|
|
14
|
+
};
|
|
15
|
+
const InputDate = props => {
|
|
16
|
+
const {
|
|
17
|
+
title,
|
|
18
|
+
name,
|
|
19
|
+
value = '',
|
|
20
|
+
min,
|
|
21
|
+
max,
|
|
22
|
+
onChange = _noop,
|
|
23
|
+
error,
|
|
24
|
+
hint,
|
|
25
|
+
disabled = false,
|
|
26
|
+
required = false,
|
|
27
|
+
modified = false,
|
|
28
|
+
suffix,
|
|
29
|
+
theme = 'default'
|
|
30
|
+
} = props;
|
|
31
|
+
const handleChange = useMemo(() => e => onChange(e.target.value), [onChange]);
|
|
32
|
+
const stateClass = getClassState(style.defaultStyle, style.modified, style.error, modified, error);
|
|
33
|
+
const help = error || hint;
|
|
34
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
35
|
+
className: classnames(themeStyle[theme], stateClass, style.container, disabled && style.disabled, _isNil(title) && style.isNoTitle)
|
|
36
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
37
|
+
className: style.fieldRow
|
|
38
|
+
}, /*#__PURE__*/React.createElement("label", null, /*#__PURE__*/React.createElement("span", {
|
|
39
|
+
className: style.title
|
|
40
|
+
}, title), /*#__PURE__*/React.createElement("input", {
|
|
41
|
+
type: "date",
|
|
42
|
+
className: style.input,
|
|
43
|
+
name: name,
|
|
44
|
+
value: value,
|
|
45
|
+
min: min,
|
|
46
|
+
max: max,
|
|
47
|
+
disabled: disabled,
|
|
48
|
+
required: required,
|
|
49
|
+
onInput: handleChange,
|
|
50
|
+
onChange: _noop
|
|
51
|
+
})), suffix ? /*#__PURE__*/React.createElement("span", {
|
|
52
|
+
className: style.suffix
|
|
53
|
+
}, suffix) : null), help ? /*#__PURE__*/React.createElement("div", {
|
|
54
|
+
className: classnames(style.hint, style.help)
|
|
55
|
+
}, help) : null);
|
|
56
|
+
};
|
|
57
|
+
InputDate.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
58
|
+
title: PropTypes.string,
|
|
59
|
+
name: PropTypes.string,
|
|
60
|
+
value: PropTypes.string,
|
|
61
|
+
min: PropTypes.string,
|
|
62
|
+
max: PropTypes.string,
|
|
63
|
+
onChange: PropTypes.func,
|
|
64
|
+
error: PropTypes.string,
|
|
65
|
+
hint: PropTypes.string,
|
|
66
|
+
disabled: PropTypes.bool,
|
|
67
|
+
required: PropTypes.bool,
|
|
68
|
+
modified: PropTypes.bool,
|
|
69
|
+
suffix: PropTypes.string,
|
|
70
|
+
theme: PropTypes.oneOf(_keys(themeStyle))
|
|
71
|
+
} : {};
|
|
72
|
+
export default InputDate;
|
|
73
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","classnames","getClassState","style","themeStyle","default","defaultStyle","setup","cockpit","coorpmanager","InputDate","props","title","name","value","min","max","onChange","_noop","error","hint","disabled","required","modified","suffix","theme","handleChange","e","target","stateClass","help","createElement","className","container","_isNil","isNoTitle","fieldRow","type","input","onInput","propTypes","process","env","NODE_ENV","string","func","bool","oneOf","_keys"],"sources":["../../../src/atom/input-date/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {isNil, keys, noop} from 'lodash/fp';\nimport classnames from 'classnames';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst themeStyle = {\n default: style.defaultStyle,\n setup: style.setup,\n cockpit: style.cockpit,\n coorpmanager: style.coorpmanager\n};\n\nconst InputDate = props => {\n const {\n title,\n name,\n value = '',\n min,\n max,\n onChange = noop,\n error,\n hint,\n disabled = false,\n required = false,\n modified = false,\n suffix,\n theme = 'default'\n } = props;\n\n const handleChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n const stateClass = getClassState(\n style.defaultStyle,\n style.modified,\n style.error,\n modified,\n error\n );\n const help = error || hint;\n\n return (\n <div\n className={classnames(\n themeStyle[theme],\n stateClass,\n style.container,\n disabled && style.disabled,\n isNil(title) && style.isNoTitle\n )}\n >\n <div className={style.fieldRow}>\n <label>\n <span className={style.title}>{title}</span>\n <input\n type=\"date\"\n className={style.input}\n name={name}\n value={value}\n min={min}\n max={max}\n disabled={disabled}\n required={required}\n onInput={handleChange}\n onChange={noop}\n />\n </label>\n {suffix ? <span className={style.suffix}>{suffix}</span> : null}\n </div>\n {help ? <div className={classnames(style.hint, style.help)}>{help}</div> : null}\n </div>\n );\n};\n\nInputDate.propTypes = {\n title: PropTypes.string,\n name: PropTypes.string,\n value: PropTypes.string,\n min: PropTypes.string,\n max: PropTypes.string,\n onChange: PropTypes.func,\n error: PropTypes.string,\n hint: PropTypes.string,\n disabled: PropTypes.bool,\n required: PropTypes.bool,\n modified: PropTypes.bool,\n suffix: PropTypes.string,\n theme: PropTypes.oneOf(keys(themeStyle))\n};\n\nexport default InputDate;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
.defaultStyle {
|
|
2
|
+
composes: defaultStyle from '../input-text/style.css';
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
.setup {
|
|
6
|
+
composes: setup from '../input-text/style.css';
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.cockpit {
|
|
10
|
+
composes: cockpit from '../input-text/style.css';
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.coorpmanager {
|
|
14
|
+
composes: coorpmanager from '../input-text/style.css';
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.input {
|
|
18
|
+
composes: input from '../input-text/style.css';
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.title {
|
|
22
|
+
composes: title from '../input-text/style.css';
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.isNoTitle {
|
|
26
|
+
composes: isNoTitle from '../input-text/style.css';
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
.error {
|
|
30
|
+
composes: error from '../input-text/style.css';
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.modified {
|
|
34
|
+
composes: modified from '../input-text/style.css';
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.disabled {
|
|
38
|
+
composes: disabled from '../input-text/style.css';
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
.hint {
|
|
42
|
+
composes: hint from '../input-text/style.css';
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
.container {
|
|
46
|
+
flex-direction: column;
|
|
47
|
+
align-items: flex-start;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.fieldRow {
|
|
51
|
+
display: flex;
|
|
52
|
+
align-items: center;
|
|
53
|
+
width: 100%;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
.fieldRow > label {
|
|
57
|
+
min-width: 0;
|
|
58
|
+
margin-right: 0;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
.fieldRow .input {
|
|
62
|
+
display: block;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
.coorpmanager .fieldRow .input::-webkit-calendar-picker-indicator {
|
|
66
|
+
position: absolute;
|
|
67
|
+
top: 50%;
|
|
68
|
+
right: 16px;
|
|
69
|
+
width: 17px;
|
|
70
|
+
height: 17px;
|
|
71
|
+
margin: 0;
|
|
72
|
+
padding: 0;
|
|
73
|
+
transform: translateY(-50%);
|
|
74
|
+
cursor: pointer;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
.suffix {
|
|
78
|
+
flex-shrink: 0;
|
|
79
|
+
margin-left: 8px;
|
|
80
|
+
font-family: 'Gilroy';
|
|
81
|
+
font-size: 12px;
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
.help {
|
|
85
|
+
padding-top: 8px;
|
|
86
|
+
font-family: 'Gilroy';
|
|
87
|
+
font-size: 12px;
|
|
88
|
+
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export default InputFileDraggable;
|
|
2
|
-
declare function InputFileDraggable({ title, description, previewLabel, previewContent, uploadLabel, loading, modified, disabled, disableHoverTooltip, onChange, onReset, name, labelLink, labelButtonLink, hrefLink, filesTypes, error, buttonAriaLabel, errorButtonLabel, pdfButtonLabel, pdfButtonAriaLabel, filesNumber, multiple, required, onClick }: {
|
|
2
|
+
declare function InputFileDraggable({ title, description, previewLabel, previewContent, uploadLabel, loading, modified, disabled, disableHoverTooltip, onChange, onReset, name, labelLink, labelButtonLink, hrefLink, filesTypes, error, buttonAriaLabel, errorButtonLabel, pdfButtonLabel, pdfButtonAriaLabel, filesNumber, multiple, required, onClick, dragAndDropLabel, loadingLabel }: {
|
|
3
3
|
title: any;
|
|
4
4
|
description: any;
|
|
5
5
|
previewLabel: any;
|
|
@@ -10,7 +10,7 @@ declare function InputFileDraggable({ title, description, previewLabel, previewC
|
|
|
10
10
|
disabled?: boolean | undefined;
|
|
11
11
|
disableHoverTooltip?: boolean | undefined;
|
|
12
12
|
onChange: any;
|
|
13
|
-
onReset
|
|
13
|
+
onReset: any;
|
|
14
14
|
name: any;
|
|
15
15
|
labelLink: any;
|
|
16
16
|
labelButtonLink: any;
|
|
@@ -25,6 +25,8 @@ declare function InputFileDraggable({ title, description, previewLabel, previewC
|
|
|
25
25
|
multiple?: boolean | undefined;
|
|
26
26
|
required?: boolean | undefined;
|
|
27
27
|
onClick: any;
|
|
28
|
+
dragAndDropLabel: any;
|
|
29
|
+
loadingLabel: any;
|
|
28
30
|
}): JSX.Element;
|
|
29
31
|
declare namespace InputFileDraggable {
|
|
30
32
|
const propTypes: {
|
|
@@ -37,7 +39,11 @@ declare namespace InputFileDraggable {
|
|
|
37
39
|
buttonAriaLabel: PropTypes.Requireable<string>;
|
|
38
40
|
errorButtonLabel: PropTypes.Requireable<string>;
|
|
39
41
|
labelLink: PropTypes.Requireable<string>;
|
|
42
|
+
labelButtonLink: PropTypes.Requireable<string>;
|
|
40
43
|
hrefLink: PropTypes.Requireable<string>;
|
|
44
|
+
filesNumber: PropTypes.Requireable<number>;
|
|
45
|
+
required: PropTypes.Requireable<boolean>;
|
|
46
|
+
onClick: PropTypes.Requireable<(...args: any[]) => any>;
|
|
41
47
|
title: PropTypes.Requireable<string>;
|
|
42
48
|
description: PropTypes.Requireable<string>;
|
|
43
49
|
uploadLabel: PropTypes.Requireable<string>;
|
|
@@ -54,6 +60,8 @@ declare namespace InputFileDraggable {
|
|
|
54
60
|
pdfButtonLabel: PropTypes.Requireable<string>;
|
|
55
61
|
pdfButtonAriaLabel: PropTypes.Requireable<string>;
|
|
56
62
|
multiple: PropTypes.Requireable<boolean>;
|
|
63
|
+
dragAndDropLabel: PropTypes.Requireable<string>;
|
|
64
|
+
loadingLabel: PropTypes.Requireable<string>;
|
|
57
65
|
};
|
|
58
66
|
}
|
|
59
67
|
import PropTypes from "prop-types";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-file-draggable/index.js"],"names":[],"mappings":";AAYA
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-file-draggable/index.js"],"names":[],"mappings":";AAYA;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAmHC"}
|
|
@@ -18,7 +18,7 @@ const InputFileDraggable = ({
|
|
|
18
18
|
disabled = false,
|
|
19
19
|
disableHoverTooltip = false,
|
|
20
20
|
onChange,
|
|
21
|
-
onReset
|
|
21
|
+
onReset,
|
|
22
22
|
name,
|
|
23
23
|
labelLink,
|
|
24
24
|
labelButtonLink,
|
|
@@ -32,7 +32,9 @@ const InputFileDraggable = ({
|
|
|
32
32
|
filesNumber = 0,
|
|
33
33
|
multiple = false,
|
|
34
34
|
required = false,
|
|
35
|
-
onClick
|
|
35
|
+
onClick,
|
|
36
|
+
dragAndDropLabel,
|
|
37
|
+
loadingLabel
|
|
36
38
|
}) => {
|
|
37
39
|
const handleReset = useCallback(e => {
|
|
38
40
|
if (_isNil(onReset)) return;
|
|
@@ -63,7 +65,9 @@ const InputFileDraggable = ({
|
|
|
63
65
|
errorButtonLabel: errorButtonLabel,
|
|
64
66
|
pdfButtonLabel: pdfButtonLabel,
|
|
65
67
|
pdfButtonAriaLabel: pdfButtonAriaLabel,
|
|
66
|
-
multiple: multiple
|
|
68
|
+
multiple: multiple,
|
|
69
|
+
dragAndDropLabel: dragAndDropLabel,
|
|
70
|
+
loadingLabel: loadingLabel
|
|
67
71
|
}, (onDragStart, onDragStop) => /*#__PURE__*/React.createElement("input", _extends({}, disableHoverTooltip ? {
|
|
68
72
|
title: ''
|
|
69
73
|
} : {}, {
|
|
@@ -112,7 +116,11 @@ InputFileDraggable.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
112
116
|
buttonAriaLabel: PropTypes.string,
|
|
113
117
|
errorButtonLabel: PropTypes.string,
|
|
114
118
|
labelLink: PropTypes.string,
|
|
115
|
-
|
|
119
|
+
labelButtonLink: PropTypes.string,
|
|
120
|
+
hrefLink: PropTypes.string,
|
|
121
|
+
filesNumber: PropTypes.number,
|
|
122
|
+
required: PropTypes.bool,
|
|
123
|
+
onClick: PropTypes.func
|
|
116
124
|
} : {};
|
|
117
125
|
export default InputFileDraggable;
|
|
118
126
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","useCallback","PropTypes","NovaSolidFilesBasicFileLines","FileLinesIcon","NovaCompositionCoorpacademyEye","EyeIcon","DragAndDrop","ButtonLink","FilesPropType","style","InputFileDraggable","title","description","previewLabel","previewContent","uploadLabel","loading","modified","disabled","disableHoverTooltip","onChange","onReset","name","labelLink","labelButtonLink","hrefLink","filesTypes","error","buttonAriaLabel","errorButtonLabel","pdfButtonLabel","pdfButtonAriaLabel","filesNumber","multiple","required","onClick","handleReset","e","_isNil","preventDefault","linkCustomStyle","width","color","onClick_","createElement","Fragment","onDragStart","onDragStop","_extends","type","accept","className","input","onDragEnter","onDrop","onDragLeave","templateLink","customStyle","link","href","download","label","multipleFilesContainer","icon","seeDetailsButton","seeIcon","propTypes","process","env","NODE_ENV","bool","string","func"],"sources":["../../../src/atom/input-file-draggable/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {isNil} from 'lodash/fp';\nimport {\n NovaSolidFilesBasicFileLines as FileLinesIcon,\n NovaCompositionCoorpacademyEye as EyeIcon\n} from '@coorpacademy/nova-icons';\nimport DragAndDrop from '../drag-and-drop';\nimport ButtonLink from '../button-link';\nimport {FilesPropType} from '../../util/proptypes';\nimport style from './style.css';\n\nconst InputFileDraggable = ({\n title,\n description,\n previewLabel,\n previewContent,\n uploadLabel,\n loading,\n modified,\n disabled = false,\n disableHoverTooltip = false,\n onChange,\n onReset
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","useCallback","PropTypes","NovaSolidFilesBasicFileLines","FileLinesIcon","NovaCompositionCoorpacademyEye","EyeIcon","DragAndDrop","ButtonLink","FilesPropType","style","InputFileDraggable","title","description","previewLabel","previewContent","uploadLabel","loading","modified","disabled","disableHoverTooltip","onChange","onReset","name","labelLink","labelButtonLink","hrefLink","filesTypes","error","buttonAriaLabel","errorButtonLabel","pdfButtonLabel","pdfButtonAriaLabel","filesNumber","multiple","required","onClick","dragAndDropLabel","loadingLabel","handleReset","e","_isNil","preventDefault","linkCustomStyle","width","color","onClick_","createElement","Fragment","onDragStart","onDragStop","_extends","type","accept","className","input","onDragEnter","onDrop","onDragLeave","templateLink","customStyle","link","href","download","label","multipleFilesContainer","icon","seeDetailsButton","seeIcon","propTypes","process","env","NODE_ENV","bool","string","func","number"],"sources":["../../../src/atom/input-file-draggable/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {isNil} from 'lodash/fp';\nimport {\n NovaSolidFilesBasicFileLines as FileLinesIcon,\n NovaCompositionCoorpacademyEye as EyeIcon\n} from '@coorpacademy/nova-icons';\nimport DragAndDrop from '../drag-and-drop';\nimport ButtonLink from '../button-link';\nimport {FilesPropType} from '../../util/proptypes';\nimport style from './style.css';\n\nconst InputFileDraggable = ({\n title,\n description,\n previewLabel,\n previewContent,\n uploadLabel,\n loading,\n modified,\n disabled = false,\n disableHoverTooltip = false,\n onChange,\n onReset,\n name,\n labelLink,\n labelButtonLink,\n hrefLink,\n filesTypes = '',\n error = '',\n buttonAriaLabel,\n errorButtonLabel,\n pdfButtonLabel,\n pdfButtonAriaLabel,\n filesNumber = 0,\n multiple = false,\n required = false,\n onClick,\n dragAndDropLabel,\n loadingLabel\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: '#FF541F'\n };\n\n const onClick_ = useCallback(\n e => {\n e.preventDefault();\n return onClick(e);\n },\n [onClick]\n );\n\n return (\n <>\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 disableHoverTooltip={disableHoverTooltip}\n buttonAriaLabel={buttonAriaLabel}\n errorButtonLabel={errorButtonLabel}\n pdfButtonLabel={pdfButtonLabel}\n pdfButtonAriaLabel={pdfButtonAriaLabel}\n multiple={multiple}\n dragAndDropLabel={dragAndDropLabel}\n loadingLabel={loadingLabel}\n >\n {(onDragStart, onDragStop) => (\n <input\n {...(disableHoverTooltip ? {title: ''} : {})}\n type=\"file\"\n name={name}\n accept={filesTypes}\n disabled={loading || disabled}\n className={style.input}\n onChange={onChange}\n onDragEnter={onDragStart}\n onDrop={onDragStop}\n onDragLeave={onDragStop}\n multiple={multiple}\n required={required}\n />\n )}\n </DragAndDrop>\n {labelLink && hrefLink ? (\n <div className={style.templateLink}>\n {labelLink}\n <ButtonLink\n type=\"text\"\n customStyle={linkCustomStyle}\n link={{href: hrefLink, download: true}}\n label={labelButtonLink}\n />\n </div>\n ) : null}\n {multiple && filesNumber > 0 ? (\n <div className={style.multipleFilesContainer}>\n <div className={style.filesNumber}>\n <FileLinesIcon className={style.icon} />\n <div>{filesNumber} files</div>\n </div>\n <div className={style.seeDetailsButton} onClick={onClick_}>\n <EyeIcon className={style.seeIcon} />\n <div>See details</div>\n </div>\n </div>\n ) : null}\n </>\n );\n};\n\nInputFileDraggable.propTypes = {\n ...DragAndDrop.propTypes,\n disableHoverTooltip: PropTypes.bool,\n name: PropTypes.string,\n onChange: PropTypes.func,\n onReset: PropTypes.func,\n filesTypes: FilesPropType,\n error: PropTypes.string,\n buttonAriaLabel: PropTypes.string,\n errorButtonLabel: PropTypes.string,\n labelLink: PropTypes.string,\n labelButtonLink: PropTypes.string,\n hrefLink: PropTypes.string,\n filesNumber: PropTypes.number,\n required: PropTypes.bool,\n onClick: PropTypes.func\n};\n\nexport default InputFileDraggable;\n"],"mappings":";;AAAA,OAAOA,KAAK,IAAGC,WAAW,QAAO,OAAO;AACxC,OAAOC,SAAS,MAAM,YAAY;AAElC,SACEC,4BAA4B,IAAIC,aAAa,EAC7CC,8BAA8B,IAAIC,OAAO,QACpC,0BAA0B;AACjC,OAAOC,WAAW,MAAM,kBAAkB;AAC1C,OAAOC,UAAU,MAAM,gBAAgB;AACvC,SAAQC,aAAa,QAAO,sBAAsB;AAClD,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,kBAAkB,GAAGA,CAAC;EAC1BC,KAAK;EACLC,WAAW;EACXC,YAAY;EACZC,cAAc;EACdC,WAAW;EACXC,OAAO;EACPC,QAAQ;EACRC,QAAQ,GAAG,KAAK;EAChBC,mBAAmB,GAAG,KAAK;EAC3BC,QAAQ;EACRC,OAAO;EACPC,IAAI;EACJC,SAAS;EACTC,eAAe;EACfC,QAAQ;EACRC,UAAU,GAAG,EAAE;EACfC,KAAK,GAAG,EAAE;EACVC,eAAe;EACfC,gBAAgB;EAChBC,cAAc;EACdC,kBAAkB;EAClBC,WAAW,GAAG,CAAC;EACfC,QAAQ,GAAG,KAAK;EAChBC,QAAQ,GAAG,KAAK;EAChBC,OAAO;EACPC,gBAAgB;EAChBC;AACF,CAAC,KAAK;EACJ,MAAMC,WAAW,GAAGtC,WAAW,CAC7BuC,CAAC,IAAI;IACH,IAAIC,MAAA,CAAMnB,OAAO,CAAC,EAAE;IACpBkB,CAAC,CAACE,cAAc,CAAC,CAAC;IAClB,OAAOpB,OAAO,CAACkB,CAAC,CAAC;EACnB,CAAC,EACD,CAAClB,OAAO,CACV,CAAC;EAED,MAAMqB,eAAe,GAAG;IACtBC,KAAK,EAAE,MAAM;IACbC,KAAK,EAAE;EACT,CAAC;EAED,MAAMC,QAAQ,GAAG7C,WAAW,CAC1BuC,CAAC,IAAI;IACHA,CAAC,CAACE,cAAc,CAAC,CAAC;IAClB,OAAON,OAAO,CAACI,CAAC,CAAC;EACnB,CAAC,EACD,CAACJ,OAAO,CACV,CAAC;EAED,oBACEpC,KAAA,CAAA+C,aAAA,CAAA/C,KAAA,CAAAgD,QAAA,qBACEhD,KAAA,CAAA+C,aAAA,CAACxC,WAAW;IACVK,KAAK,EAAEA,KAAM;IACbC,WAAW,EAAEA,WAAY;IACzBC,YAAY,EAAEA,YAAa;IAC3BC,cAAc,EAAEA,cAAe;IAC/BC,WAAW,EAAEA,WAAY;IACzBC,OAAO,EAAEA,OAAQ;IACjBC,QAAQ,EAAEA,QAAS;IACnBI,OAAO,EAAEiB,WAAY;IACrBX,KAAK,EAAEA,KAAM;IACbT,QAAQ,EAAEA,QAAS;IACnBC,mBAAmB,EAAEA,mBAAoB;IACzCS,eAAe,EAAEA,eAAgB;IACjCC,gBAAgB,EAAEA,gBAAiB;IACnCC,cAAc,EAAEA,cAAe;IAC/BC,kBAAkB,EAAEA,kBAAmB;IACvCE,QAAQ,EAAEA,QAAS;IACnBG,gBAAgB,EAAEA,gBAAiB;IACnCC,YAAY,EAAEA;EAAa,GAE1B,CAACW,WAAW,EAAEC,UAAU,kBACvBlD,KAAA,CAAA+C,aAAA,UAAAI,QAAA,KACO/B,mBAAmB,GAAG;IAACR,KAAK,EAAE;EAAE,CAAC,GAAG,CAAC,CAAC;IAC3CwC,IAAI,EAAC,MAAM;IACX7B,IAAI,EAAEA,IAAK;IACX8B,MAAM,EAAE1B,UAAW;IACnBR,QAAQ,EAAEF,OAAO,IAAIE,QAAS;IAC9BmC,SAAS,EAAE5C,KAAK,CAAC6C,KAAM;IACvBlC,QAAQ,EAAEA,QAAS;IACnBmC,WAAW,EAAEP,WAAY;IACzBQ,MAAM,EAAEP,UAAW;IACnBQ,WAAW,EAAER,UAAW;IACxBhB,QAAQ,EAAEA,QAAS;IACnBC,QAAQ,EAAEA;EAAS,EACpB,CAEQ,CAAC,EACbX,SAAS,IAAIE,QAAQ,gBACpB1B,KAAA,CAAA+C,aAAA;IAAKO,SAAS,EAAE5C,KAAK,CAACiD;EAAa,GAChCnC,SAAS,eACVxB,KAAA,CAAA+C,aAAA,CAACvC,UAAU;IACT4C,IAAI,EAAC,MAAM;IACXQ,WAAW,EAAEjB,eAAgB;IAC7BkB,IAAI,EAAE;MAACC,IAAI,EAAEpC,QAAQ;MAAEqC,QAAQ,EAAE;IAAI,CAAE;IACvCC,KAAK,EAAEvC;EAAgB,CACxB,CACE,CAAC,GACJ,IAAI,EACPS,QAAQ,IAAID,WAAW,GAAG,CAAC,gBAC1BjC,KAAA,CAAA+C,aAAA;IAAKO,SAAS,EAAE5C,KAAK,CAACuD;EAAuB,gBAC3CjE,KAAA,CAAA+C,aAAA;IAAKO,SAAS,EAAE5C,KAAK,CAACuB;EAAY,gBAChCjC,KAAA,CAAA+C,aAAA,CAAC3C,aAAa;IAACkD,SAAS,EAAE5C,KAAK,CAACwD;EAAK,CAAE,CAAC,eACxClE,KAAA,CAAA+C,aAAA,cAAMd,WAAW,EAAC,QAAW,CAC1B,CAAC,eACNjC,KAAA,CAAA+C,aAAA;IAAKO,SAAS,EAAE5C,KAAK,CAACyD,gBAAiB;IAAC/B,OAAO,EAAEU;EAAS,gBACxD9C,KAAA,CAAA+C,aAAA,CAACzC,OAAO;IAACgD,SAAS,EAAE5C,KAAK,CAAC0D;EAAQ,CAAE,CAAC,eACrCpE,KAAA,CAAA+C,aAAA,cAAK,aAAgB,CAClB,CACF,CAAC,GACJ,IACJ,CAAC;AAEP,CAAC;AAEDpC,kBAAkB,CAAC0D,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAC7B,GAAGjE,WAAW,CAAC8D,SAAS;EACxBjD,mBAAmB,EAAElB,SAAS,CAACuE,IAAI;EACnClD,IAAI,EAAErB,SAAS,CAACwE,MAAM;EACtBrD,QAAQ,EAAEnB,SAAS,CAACyE,IAAI;EACxBrD,OAAO,EAAEpB,SAAS,CAACyE,IAAI;EACvBhD,UAAU,EAAElB,aAAa;EACzBmB,KAAK,EAAE1B,SAAS,CAACwE,MAAM;EACvB7C,eAAe,EAAE3B,SAAS,CAACwE,MAAM;EACjC5C,gBAAgB,EAAE5B,SAAS,CAACwE,MAAM;EAClClD,SAAS,EAAEtB,SAAS,CAACwE,MAAM;EAC3BjD,eAAe,EAAEvB,SAAS,CAACwE,MAAM;EACjChD,QAAQ,EAAExB,SAAS,CAACwE,MAAM;EAC1BzC,WAAW,EAAE/B,SAAS,CAAC0E,MAAM;EAC7BzC,QAAQ,EAAEjC,SAAS,CAACuE,IAAI;EACxBrC,OAAO,EAAElC,SAAS,CAACyE;AACrB,CAAC;AAED,eAAehE,kBAAkB","ignoreList":[]}
|
|
@@ -79,6 +79,7 @@ declare const RadioWithTitle: {
|
|
|
79
79
|
customLabelClassName: import("prop-types").Requireable<string>;
|
|
80
80
|
}>>;
|
|
81
81
|
required: import("prop-types").Requireable<boolean>;
|
|
82
|
+
headingLevel: import("prop-types").Requireable<number>;
|
|
82
83
|
}>>>;
|
|
83
84
|
name: import("prop-types").Requireable<string>;
|
|
84
85
|
checked: import("prop-types").Requireable<boolean>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/radio-with-title/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAIzC,OAAO,EAAY,mBAAmB,EAAC,MAAM,SAAS,CAAC;AAEvD,QAAA,MAAM,cAAc;YAAW,mBAAmB
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/radio-with-title/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAIzC,OAAO,EAAY,mBAAmB,EAAC,MAAM,SAAS,CAAC;AAEvD,QAAA,MAAM,cAAc;YAAW,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwBjD,CAAC;AAIF,eAAe,cAAc,CAAC"}
|
|
@@ -77,6 +77,7 @@ export declare const propTypes: {
|
|
|
77
77
|
customLabelClassName: PropTypes.Requireable<string>;
|
|
78
78
|
}>>;
|
|
79
79
|
required: PropTypes.Requireable<boolean>;
|
|
80
|
+
headingLevel: PropTypes.Requireable<number>;
|
|
80
81
|
}>>>;
|
|
81
82
|
name: PropTypes.Requireable<string>;
|
|
82
83
|
checked: PropTypes.Requireable<boolean>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/atom/radio-with-title/types.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,eAAO,MAAM,SAAS
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/atom/radio-with-title/types.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOrB,CAAC;AAEF,oBAAY,mBAAmB,GAAG;IAChC,KAAK,EAAE;QACL,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;QACjB,IAAI,EAAE,MAAM,CAAC;QACb,WAAW,EAAE,MAAM,CAAC;QACpB,YAAY,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC"}
|
package/es/atom/title/index.d.ts
CHANGED