@coorpacademy/components 11.33.2-alpha.0 → 11.33.2-alpha.1
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/organism/brand-learning-priorities/index.d.ts.map +1 -1
- package/es/organism/brand-learning-priorities/index.js +2 -1
- package/es/organism/brand-learning-priorities/index.js.map +1 -1
- package/lib/organism/brand-learning-priorities/index.d.ts.map +1 -1
- package/lib/organism/brand-learning-priorities/index.js +2 -1
- package/lib/organism/brand-learning-priorities/index.js.map +1 -1
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/brand-learning-priorities/index.js"],"names":[],"mappings":";AAUA,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/brand-learning-priorities/index.js"],"names":[],"mappings":";AAUA,gFA6FC"}
|
|
@@ -71,7 +71,8 @@ const BrandLearningPriorities = (props, context) => {
|
|
|
71
71
|
}, translate('learning_priorities_brand_description')), isLoading ? /*#__PURE__*/React.createElement(Loading, null) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
|
|
72
72
|
className: style.ctaWrapper
|
|
73
73
|
}, /*#__PURE__*/React.createElement("div", {
|
|
74
|
-
className: style.priorityCount
|
|
74
|
+
className: style.priorityCount,
|
|
75
|
+
"data-name": "learning-priority-count"
|
|
75
76
|
}, `${items.length} ${translate('items')}`), /*#__PURE__*/React.createElement(ButtonLink, {
|
|
76
77
|
type: "primary",
|
|
77
78
|
customStyle: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","useState","useCallback","useMemo","useEffect","PropTypes","Provider","Loader","SelectOptionPropTypes","DraggableList","ButtonLink","LearningPriorityModal","style","BrandLearningPriorities","props","context","content","priorities","filters","isLoading","onAdd","items","onDrop","itemType","itemList","setItemList","openModal","setOpenModal","translate","selectedPriorities","map","priority","priorityRef","handleDropItem","dragRef","dropRef","dragIndex","findIndex","item","dropIndex","newItems","dragItem","splice","type","ref","Loading","loaderContainer","loader","handleOpenModal","handleCloseModal","container","LPtitle","LPdescription","ctaWrapper","priorityCount","length","width","position","faIcon","name","color","size","contextTypes","childContextTypes","propTypes","shape","arrayOf","string","title","courses","number","count","bool","func"],"sources":["../../../src/organism/brand-learning-priorities/index.js"],"sourcesContent":["import React, {useState, useCallback, useMemo, useEffect} from 'react';\nimport PropTypes from 'prop-types';\nimport Provider from '../../atom/provider';\nimport Loader from '../../atom/loader';\nimport {SelectOptionPropTypes} from '../../atom/select';\nimport DraggableList from '../../molecule/draggable-list';\nimport ButtonLink from '../../atom/button-link';\nimport LearningPriorityModal from '../../molecule/learning-priority-modal';\nimport style from './style.css';\n\nconst BrandLearningPriorities = (props, context) => {\n const {content, priorities, filters, isLoading, onAdd} = props;\n const {items, onDrop, itemType} = content;\n const [itemList, setItemList] = useState([...items]);\n const [openModal, setOpenModal] = useState(false);\n const {translate} = context;\n\n const selectedPriorities = useMemo(() => items.map(priority => priority.priorityRef), [items]);\n\n const handleDropItem = useCallback(\n (dragRef, dropRef) => {\n const dragIndex = itemList.findIndex(item => item.priorityRef === dragRef);\n const dropIndex = itemList.findIndex(item => item.priorityRef === dropRef);\n\n if (dragIndex === dropIndex) return;\n\n const newItems = [...itemList];\n const [dragItem] = newItems.splice(dragIndex, 1);\n newItems.splice(dropIndex, 0, dragItem);\n\n setItemList(newItems);\n onDrop(\n newItems.map(item => {\n return {type: item.type, ref: item.priorityRef};\n })\n );\n },\n [itemList, setItemList, onDrop]\n );\n\n const Loading = useCallback(\n () => (\n <div className={style.loaderContainer}>\n <Loader className={style.loader} theme=\"coorpmanager\" />\n </div>\n ),\n []\n );\n\n useEffect(() => {\n setItemList(items);\n }, [items]);\n\n const handleOpenModal = useCallback(() => setOpenModal(true), [setOpenModal]);\n const handleCloseModal = useCallback(() => setOpenModal(false), [setOpenModal]);\n return (\n <div className={style.container}>\n <LearningPriorityModal\n isLoading={isLoading}\n isOpen={openModal}\n onCancel={handleCloseModal}\n onClose={handleCloseModal}\n onAdd={onAdd}\n priorities={priorities}\n filters={filters}\n preselected={selectedPriorities}\n />\n <div className={style.LPtitle}>{translate('learning_priorities')}</div>\n <div className={style.LPdescription}>\n {translate('learning_priorities_brand_description')}\n </div>\n\n {isLoading ? (\n <Loading />\n ) : (\n <>\n <div className={style.ctaWrapper}>\n <div className={style.priorityCount}
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","useState","useCallback","useMemo","useEffect","PropTypes","Provider","Loader","SelectOptionPropTypes","DraggableList","ButtonLink","LearningPriorityModal","style","BrandLearningPriorities","props","context","content","priorities","filters","isLoading","onAdd","items","onDrop","itemType","itemList","setItemList","openModal","setOpenModal","translate","selectedPriorities","map","priority","priorityRef","handleDropItem","dragRef","dropRef","dragIndex","findIndex","item","dropIndex","newItems","dragItem","splice","type","ref","Loading","loaderContainer","loader","handleOpenModal","handleCloseModal","container","LPtitle","LPdescription","ctaWrapper","priorityCount","length","width","position","faIcon","name","color","size","contextTypes","childContextTypes","propTypes","shape","arrayOf","string","title","courses","number","count","bool","func"],"sources":["../../../src/organism/brand-learning-priorities/index.js"],"sourcesContent":["import React, {useState, useCallback, useMemo, useEffect} from 'react';\nimport PropTypes from 'prop-types';\nimport Provider from '../../atom/provider';\nimport Loader from '../../atom/loader';\nimport {SelectOptionPropTypes} from '../../atom/select';\nimport DraggableList from '../../molecule/draggable-list';\nimport ButtonLink from '../../atom/button-link';\nimport LearningPriorityModal from '../../molecule/learning-priority-modal';\nimport style from './style.css';\n\nconst BrandLearningPriorities = (props, context) => {\n const {content, priorities, filters, isLoading, onAdd} = props;\n const {items, onDrop, itemType} = content;\n const [itemList, setItemList] = useState([...items]);\n const [openModal, setOpenModal] = useState(false);\n const {translate} = context;\n\n const selectedPriorities = useMemo(() => items.map(priority => priority.priorityRef), [items]);\n\n const handleDropItem = useCallback(\n (dragRef, dropRef) => {\n const dragIndex = itemList.findIndex(item => item.priorityRef === dragRef);\n const dropIndex = itemList.findIndex(item => item.priorityRef === dropRef);\n\n if (dragIndex === dropIndex) return;\n\n const newItems = [...itemList];\n const [dragItem] = newItems.splice(dragIndex, 1);\n newItems.splice(dropIndex, 0, dragItem);\n\n setItemList(newItems);\n onDrop(\n newItems.map(item => {\n return {type: item.type, ref: item.priorityRef};\n })\n );\n },\n [itemList, setItemList, onDrop]\n );\n\n const Loading = useCallback(\n () => (\n <div className={style.loaderContainer}>\n <Loader className={style.loader} theme=\"coorpmanager\" />\n </div>\n ),\n []\n );\n\n useEffect(() => {\n setItemList(items);\n }, [items]);\n\n const handleOpenModal = useCallback(() => setOpenModal(true), [setOpenModal]);\n const handleCloseModal = useCallback(() => setOpenModal(false), [setOpenModal]);\n return (\n <div className={style.container}>\n <LearningPriorityModal\n isLoading={isLoading}\n isOpen={openModal}\n onCancel={handleCloseModal}\n onClose={handleCloseModal}\n onAdd={onAdd}\n priorities={priorities}\n filters={filters}\n preselected={selectedPriorities}\n />\n <div className={style.LPtitle}>{translate('learning_priorities')}</div>\n <div className={style.LPdescription}>\n {translate('learning_priorities_brand_description')}\n </div>\n\n {isLoading ? (\n <Loading />\n ) : (\n <>\n <div className={style.ctaWrapper}>\n <div className={style.priorityCount} data-name=\"learning-priority-count\">\n {`${items.length} ${translate('items')}`}\n </div>\n <ButtonLink\n type=\"primary\"\n customStyle={{\n width: 'fit-content'\n }}\n onClick={handleOpenModal}\n label={translate('add_learning_priority')}\n data-name=\"add-learning-priority\"\n icon={{\n position: 'left',\n faIcon: {\n name: 'plus',\n color: '#FFFFFF',\n size: 16\n }\n }}\n />\n </div>\n <DraggableList itemType={itemType} items={itemList} onDrop={handleDropItem} />\n </>\n )}\n </div>\n );\n};\n\nBrandLearningPriorities.contextTypes = {\n translate: Provider.childContextTypes.translate\n};\n\nBrandLearningPriorities.propTypes = {\n content: PropTypes.shape(DraggableList.propTypes),\n priorities: PropTypes.arrayOf(\n PropTypes.shape({\n ref: PropTypes.string,\n title: PropTypes.string,\n courses: PropTypes.number,\n type: PropTypes.string\n })\n ),\n filters: PropTypes.arrayOf(\n PropTypes.shape({\n ...SelectOptionPropTypes,\n count: PropTypes.number\n })\n ),\n isLoading: PropTypes.bool,\n onAdd: PropTypes.func\n};\n\nexport default BrandLearningPriorities;\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/brand-learning-priorities/index.js"],"names":[],"mappings":";AAUA,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/brand-learning-priorities/index.js"],"names":[],"mappings":";AAUA,gFA6FC"}
|
|
@@ -90,7 +90,8 @@ const BrandLearningPriorities = (props, context) => {
|
|
|
90
90
|
}, translate('learning_priorities_brand_description')), isLoading ? /*#__PURE__*/_react.default.createElement(Loading, null) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
|
|
91
91
|
className: _style.default.ctaWrapper
|
|
92
92
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
93
|
-
className: _style.default.priorityCount
|
|
93
|
+
className: _style.default.priorityCount,
|
|
94
|
+
"data-name": "learning-priority-count"
|
|
94
95
|
}, `${items.length} ${translate('items')}`), /*#__PURE__*/_react.default.createElement(_buttonLink.default, {
|
|
95
96
|
type: "primary",
|
|
96
97
|
customStyle: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["BrandLearningPriorities","props","context","content","priorities","filters","isLoading","onAdd","items","onDrop","itemType","itemList","setItemList","useState","openModal","setOpenModal","translate","selectedPriorities","useMemo","map","priority","priorityRef","handleDropItem","useCallback","dragRef","dropRef","dragIndex","findIndex","item","dropIndex","newItems","dragItem","splice","type","ref","Loading","style","loaderContainer","loader","useEffect","handleOpenModal","handleCloseModal","container","LPtitle","LPdescription","ctaWrapper","priorityCount","length","width","position","faIcon","name","color","size","contextTypes","Provider","childContextTypes","propTypes","PropTypes","shape","DraggableList","arrayOf","string","title","courses","number","SelectOptionPropTypes","count","bool","func"],"sources":["../../../src/organism/brand-learning-priorities/index.js"],"sourcesContent":["import React, {useState, useCallback, useMemo, useEffect} from 'react';\nimport PropTypes from 'prop-types';\nimport Provider from '../../atom/provider';\nimport Loader from '../../atom/loader';\nimport {SelectOptionPropTypes} from '../../atom/select';\nimport DraggableList from '../../molecule/draggable-list';\nimport ButtonLink from '../../atom/button-link';\nimport LearningPriorityModal from '../../molecule/learning-priority-modal';\nimport style from './style.css';\n\nconst BrandLearningPriorities = (props, context) => {\n const {content, priorities, filters, isLoading, onAdd} = props;\n const {items, onDrop, itemType} = content;\n const [itemList, setItemList] = useState([...items]);\n const [openModal, setOpenModal] = useState(false);\n const {translate} = context;\n\n const selectedPriorities = useMemo(() => items.map(priority => priority.priorityRef), [items]);\n\n const handleDropItem = useCallback(\n (dragRef, dropRef) => {\n const dragIndex = itemList.findIndex(item => item.priorityRef === dragRef);\n const dropIndex = itemList.findIndex(item => item.priorityRef === dropRef);\n\n if (dragIndex === dropIndex) return;\n\n const newItems = [...itemList];\n const [dragItem] = newItems.splice(dragIndex, 1);\n newItems.splice(dropIndex, 0, dragItem);\n\n setItemList(newItems);\n onDrop(\n newItems.map(item => {\n return {type: item.type, ref: item.priorityRef};\n })\n );\n },\n [itemList, setItemList, onDrop]\n );\n\n const Loading = useCallback(\n () => (\n <div className={style.loaderContainer}>\n <Loader className={style.loader} theme=\"coorpmanager\" />\n </div>\n ),\n []\n );\n\n useEffect(() => {\n setItemList(items);\n }, [items]);\n\n const handleOpenModal = useCallback(() => setOpenModal(true), [setOpenModal]);\n const handleCloseModal = useCallback(() => setOpenModal(false), [setOpenModal]);\n return (\n <div className={style.container}>\n <LearningPriorityModal\n isLoading={isLoading}\n isOpen={openModal}\n onCancel={handleCloseModal}\n onClose={handleCloseModal}\n onAdd={onAdd}\n priorities={priorities}\n filters={filters}\n preselected={selectedPriorities}\n />\n <div className={style.LPtitle}>{translate('learning_priorities')}</div>\n <div className={style.LPdescription}>\n {translate('learning_priorities_brand_description')}\n </div>\n\n {isLoading ? (\n <Loading />\n ) : (\n <>\n <div className={style.ctaWrapper}>\n <div className={style.priorityCount}
|
|
1
|
+
{"version":3,"file":"index.js","names":["BrandLearningPriorities","props","context","content","priorities","filters","isLoading","onAdd","items","onDrop","itemType","itemList","setItemList","useState","openModal","setOpenModal","translate","selectedPriorities","useMemo","map","priority","priorityRef","handleDropItem","useCallback","dragRef","dropRef","dragIndex","findIndex","item","dropIndex","newItems","dragItem","splice","type","ref","Loading","style","loaderContainer","loader","useEffect","handleOpenModal","handleCloseModal","container","LPtitle","LPdescription","ctaWrapper","priorityCount","length","width","position","faIcon","name","color","size","contextTypes","Provider","childContextTypes","propTypes","PropTypes","shape","DraggableList","arrayOf","string","title","courses","number","SelectOptionPropTypes","count","bool","func"],"sources":["../../../src/organism/brand-learning-priorities/index.js"],"sourcesContent":["import React, {useState, useCallback, useMemo, useEffect} from 'react';\nimport PropTypes from 'prop-types';\nimport Provider from '../../atom/provider';\nimport Loader from '../../atom/loader';\nimport {SelectOptionPropTypes} from '../../atom/select';\nimport DraggableList from '../../molecule/draggable-list';\nimport ButtonLink from '../../atom/button-link';\nimport LearningPriorityModal from '../../molecule/learning-priority-modal';\nimport style from './style.css';\n\nconst BrandLearningPriorities = (props, context) => {\n const {content, priorities, filters, isLoading, onAdd} = props;\n const {items, onDrop, itemType} = content;\n const [itemList, setItemList] = useState([...items]);\n const [openModal, setOpenModal] = useState(false);\n const {translate} = context;\n\n const selectedPriorities = useMemo(() => items.map(priority => priority.priorityRef), [items]);\n\n const handleDropItem = useCallback(\n (dragRef, dropRef) => {\n const dragIndex = itemList.findIndex(item => item.priorityRef === dragRef);\n const dropIndex = itemList.findIndex(item => item.priorityRef === dropRef);\n\n if (dragIndex === dropIndex) return;\n\n const newItems = [...itemList];\n const [dragItem] = newItems.splice(dragIndex, 1);\n newItems.splice(dropIndex, 0, dragItem);\n\n setItemList(newItems);\n onDrop(\n newItems.map(item => {\n return {type: item.type, ref: item.priorityRef};\n })\n );\n },\n [itemList, setItemList, onDrop]\n );\n\n const Loading = useCallback(\n () => (\n <div className={style.loaderContainer}>\n <Loader className={style.loader} theme=\"coorpmanager\" />\n </div>\n ),\n []\n );\n\n useEffect(() => {\n setItemList(items);\n }, [items]);\n\n const handleOpenModal = useCallback(() => setOpenModal(true), [setOpenModal]);\n const handleCloseModal = useCallback(() => setOpenModal(false), [setOpenModal]);\n return (\n <div className={style.container}>\n <LearningPriorityModal\n isLoading={isLoading}\n isOpen={openModal}\n onCancel={handleCloseModal}\n onClose={handleCloseModal}\n onAdd={onAdd}\n priorities={priorities}\n filters={filters}\n preselected={selectedPriorities}\n />\n <div className={style.LPtitle}>{translate('learning_priorities')}</div>\n <div className={style.LPdescription}>\n {translate('learning_priorities_brand_description')}\n </div>\n\n {isLoading ? (\n <Loading />\n ) : (\n <>\n <div className={style.ctaWrapper}>\n <div className={style.priorityCount} data-name=\"learning-priority-count\">\n {`${items.length} ${translate('items')}`}\n </div>\n <ButtonLink\n type=\"primary\"\n customStyle={{\n width: 'fit-content'\n }}\n onClick={handleOpenModal}\n label={translate('add_learning_priority')}\n data-name=\"add-learning-priority\"\n icon={{\n position: 'left',\n faIcon: {\n name: 'plus',\n color: '#FFFFFF',\n size: 16\n }\n }}\n />\n </div>\n <DraggableList itemType={itemType} items={itemList} onDrop={handleDropItem} />\n </>\n )}\n </div>\n );\n};\n\nBrandLearningPriorities.contextTypes = {\n translate: Provider.childContextTypes.translate\n};\n\nBrandLearningPriorities.propTypes = {\n content: PropTypes.shape(DraggableList.propTypes),\n priorities: PropTypes.arrayOf(\n PropTypes.shape({\n ref: PropTypes.string,\n title: PropTypes.string,\n courses: PropTypes.number,\n type: PropTypes.string\n })\n ),\n filters: PropTypes.arrayOf(\n PropTypes.shape({\n ...SelectOptionPropTypes,\n count: PropTypes.number\n })\n ),\n isLoading: PropTypes.bool,\n onAdd: PropTypes.func\n};\n\nexport default BrandLearningPriorities;\n"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@coorpacademy/components",
|
|
3
|
-
"version": "11.33.2-alpha.
|
|
3
|
+
"version": "11.33.2-alpha.1+ebc5ae68c",
|
|
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": "ebc5ae68ca67618d28417ea16840e442243a82e6"
|
|
169
169
|
}
|