@coorpacademy/components 11.14.20-alpha.33.39 → 11.14.20

package/es/molecule/course-section/style.css

@@ -33,10 +33,10 @@
     font-family: Gilroy;
     font-size: 16px;
     font-weight: bold;
-    overflow:hidden;
-    white-space:nowrap;
-    display:inline-block;
-    text-overflow:ellipsis;
+    overflow: hidden;
+    white-space: nowrap;
+    display: inline-block;
+    text-overflow: ellipsis;
     width: 100%;
 }
 
@@ -59,5 +59,3 @@
     min-height: 56px;
     min-width: 56px;
 }
-
-

package/es/molecule/draggable/style.css

@@ -13,15 +13,18 @@
   background: transparent;
   margin: 8px 0;
   border-radius: 7px;
-  transform:translate(0,0);
+  transform: translate(0, 0);
   z-index: 0;
 }
-.draggable:hover{
+
+.draggable:hover {
   background: rgba(0, 0, 0, 0.3);
 }
-.draggable:active{
+
+.draggable:active {
   background: transparent;
 }
+
 .draggable:before {
   content: '.';
   position: absolute;
@@ -32,9 +35,10 @@
   font-size: 25px;
   color: medium;
   pointer-events: none;
-  text-shadow: 0 0 medium,    0 5px medium,    0 10px medium,    0 15px medium,
-            5px 0 medium ,   5px 5px medium,  5px 10px medium,  5px 15px medium;
+  text-shadow: 0 0 medium, 0 5px medium, 0 10px medium, 0 15px medium,
+    5px 0 medium, 5px 5px medium, 5px 10px medium, 5px 15px medium;
 }
+
 .dragging {
   background: rgba(0, 0, 0, 0.1);
 }

package/es/molecule/draggable-list/index.d.ts

@@ -6,7 +6,7 @@ declare function DraggableList({ items, onDrop, itemType }: {
 }): JSX.Element;
 declare namespace DraggableList {
     namespace propTypes {
-        const items: PropTypes.Requireable<(PropTypes.InferProps<{
+        const items: PropTypes.Requireable<(NonNullable<PropTypes.InferProps<{
             title: PropTypes.Validator<string>;
             onUp: PropTypes.Requireable<(...args: any[]) => any>;
             onDown: PropTypes.Requireable<(...args: any[]) => any>;
@@ -43,7 +43,55 @@ declare namespace DraggableList {
                 }> | null | undefined)[]>;
                 onChange: PropTypes.Requireable<(...args: any[]) => any>;
             }>>;
-        }> | null | undefined)[]>;
+        }> | PropTypes.InferProps<{
+            'aria-label': PropTypes.Requireable<PropTypes.InferProps<{
+                title: PropTypes.Requireable<string>;
+                author: PropTypes.Requireable<string>;
+                modules: PropTypes.Requireable<string>;
+                position: PropTypes.Requireable<string>;
+            }>>;
+            image: PropTypes.Requireable<string>;
+            badgeList: PropTypes.Requireable<(PropTypes.InferProps<{
+                category: PropTypes.Requireable<string>;
+                label: PropTypes.Requireable<string>;
+            }> | null | undefined)[]>;
+            title: PropTypes.Requireable<string>;
+            author: PropTypes.Requireable<string>;
+            position: PropTypes.Requireable<number>;
+            id: PropTypes.Requireable<string>;
+        }> | PropTypes.InferProps<{
+            bulletPointMenuButton: PropTypes.Requireable<PropTypes.InferProps<{
+                buttonAriaLabel: PropTypes.Requireable<string>;
+                menuAriaLabel: PropTypes.Requireable<string>;
+                buttons: PropTypes.Requireable<(PropTypes.InferProps<{
+                    'data-name': PropTypes.Requireable<string>;
+                    label: PropTypes.Requireable<string>;
+                    type: PropTypes.Requireable<string>;
+                    onClick: PropTypes.Requireable<(...args: any[]) => any>;
+                }> | null | undefined)[]>;
+                onClick: PropTypes.Requireable<(...args: any[]) => any>;
+            }>>;
+            buttonLink: PropTypes.Requireable<PropTypes.InferProps<{
+                type: PropTypes.Requireable<string>;
+                label: PropTypes.Requireable<string>;
+                ariaLabel: PropTypes.Requireable<string>;
+                dataName: PropTypes.Requireable<string>;
+                icon: PropTypes.Requireable<PropTypes.InferProps<{
+                    position: PropTypes.Requireable<string>;
+                    type: PropTypes.Requireable<string>;
+                }>>;
+                onClick: PropTypes.Requireable<(...args: any[]) => any>;
+            }>>;
+            tags: PropTypes.Requireable<(PropTypes.InferProps<{
+                label: PropTypes.Requireable<string>;
+                type: PropTypes.Requireable<string>;
+            }> | null | undefined)[]>;
+            title: PropTypes.Validator<string>;
+            order: PropTypes.Requireable<number>;
+            'aria-label': PropTypes.Requireable<string>;
+            contentType: PropTypes.Requireable<string>;
+            id: PropTypes.Requireable<string>;
+        }> | null | undefined> | null | undefined)[]>;
         const onDrop: PropTypes.Requireable<(...args: any[]) => any>;
         const itemType: PropTypes.Requireable<string>;
     }

package/es/molecule/draggable-list/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/draggable-list/index.js"],"names":[],"mappings":";AAQA;;;;gBAmDC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/draggable-list/index.js"],"names":[],"mappings":";AAaA;;;;gBAmDC"}

package/es/molecule/draggable-list/index.js

@@ -5,9 +5,11 @@ import PropTypes from 'prop-types';
 import Draggable from '../draggable';
 import SetupSection from '../setup-section';
 import CourseSection from '../course-section';
+import ListItem from '../../organism/list-item';
 const ITEMS = {
   'setup-section': SetupSection,
-  'course-section': CourseSection
+  'course-section': CourseSection,
+  'list-item': ListItem
 };
 
 const DraggableList = ({
@@ -33,7 +35,7 @@ const DraggableList = ({
     setDragFrom(null);
   }, [onDrop, setDragTo, setDragFrom, dragFrom]);
   const Item = ITEMS[itemType];
-  const itemsView = items.map(item => /*#__PURE__*/React.createElement(Draggable, {
+  const itemsView = items.map((item, index) => /*#__PURE__*/React.createElement(Draggable, {
     key: item.id,
     id: item.id,
     dragging: dragTo === item.id,
@@ -42,13 +44,14 @@ const DraggableList = ({
     onDragLeave: dragLeaveHandler,
     onDrop: dropHandler
   }, /*#__PURE__*/React.createElement(Item, _extends({}, item, {
-    key: item.id
+    key: item.id,
+    order: index
   }))));
   return /*#__PURE__*/React.createElement("div", null, itemsView);
 };
 
 DraggableList.propTypes = process.env.NODE_ENV !== "production" ? {
-  items: PropTypes.arrayOf(PropTypes.shape(SetupSection.propTypes)),
+  items: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.shape(SetupSection.propTypes), PropTypes.shape(CourseSection.propTypes), PropTypes.shape(ListItem.propTypes)])),
   onDrop: PropTypes.func,
   itemType: PropTypes.string
 } : {};

package/es/molecule/draggable-list/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useState","useCallback","PropTypes","Draggable","SetupSection","CourseSection","ITEMS","DraggableList","items","onDrop","itemType","dragTo","setDragTo","dragFrom","setDragFrom","dragStartHandler","id","dragOverHandler","dragLeaveHandler","dropHandler","Item","itemsView","map","item","propTypes","arrayOf","shape","func","string"],"sources":["../../../src/molecule/draggable-list/index.js"],"sourcesContent":["import React, {useState, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport Draggable from '../draggable';\nimport SetupSection from '../setup-section';\nimport CourseSection from '../course-section';\n\nconst ITEMS = {'setup-section': SetupSection, 'course-section': CourseSection};\n\nconst DraggableList = ({items, onDrop, itemType}) => {\n  const [dragTo, setDragTo] = useState(null);\n  const [dragFrom, setDragFrom] = useState(null);\n\n  const dragStartHandler = useCallback(\n    id => {\n      setDragFrom(id);\n    },\n    [setDragFrom]\n  );\n\n  const dragOverHandler = useCallback(\n    id => {\n      if (dragTo === id) return;\n      setDragTo(id);\n    },\n    [dragTo, setDragTo]\n  );\n\n  const dragLeaveHandler = useCallback(\n    id => {\n      setDragTo(null);\n    },\n    [setDragTo]\n  );\n\n  const dropHandler = useCallback(\n    id => {\n      if (onDrop && dragFrom) onDrop(dragFrom, id);\n\n      setDragTo(null);\n      setDragFrom(null);\n    },\n    [onDrop, setDragTo, setDragFrom, dragFrom]\n  );\n\n  const Item = ITEMS[itemType];\n  const itemsView = items.map(item => (\n    <Draggable\n      key={item.id}\n      id={item.id}\n      dragging={dragTo === item.id}\n      onDragStart={dragStartHandler}\n      onDragOver={dragOverHandler}\n      onDragLeave={dragLeaveHandler}\n      onDrop={dropHandler}\n    >\n      <Item {...item} key={item.id} />\n    </Draggable>\n  ));\n  return <div>{itemsView}</div>;\n};\n\nDraggableList.propTypes = {\n  items: PropTypes.arrayOf(PropTypes.shape(SetupSection.propTypes)),\n  onDrop: PropTypes.func,\n  itemType: PropTypes.string\n};\n\nexport default DraggableList;\n"],"mappings":";;AAAA,OAAOA,KAAP,IAAeC,QAAf,EAAyBC,WAAzB,QAA2C,OAA3C;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,SAAP,MAAsB,cAAtB;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,aAAP,MAA0B,mBAA1B;AAEA,MAAMC,KAAK,GAAG;EAAC,iBAAiBF,YAAlB;EAAgC,kBAAkBC;AAAlD,CAAd;;AAEA,MAAME,aAAa,GAAG,CAAC;EAACC,KAAD;EAAQC,MAAR;EAAgBC;AAAhB,CAAD,KAA+B;EACnD,MAAM,CAACC,MAAD,EAASC,SAAT,IAAsBZ,QAAQ,CAAC,IAAD,CAApC;EACA,MAAM,CAACa,QAAD,EAAWC,WAAX,IAA0Bd,QAAQ,CAAC,IAAD,CAAxC;EAEA,MAAMe,gBAAgB,GAAGd,WAAW,CAClCe,EAAE,IAAI;IACJF,WAAW,CAACE,EAAD,CAAX;EACD,CAHiC,EAIlC,CAACF,WAAD,CAJkC,CAApC;EAOA,MAAMG,eAAe,GAAGhB,WAAW,CACjCe,EAAE,IAAI;IACJ,IAAIL,MAAM,KAAKK,EAAf,EAAmB;IACnBJ,SAAS,CAACI,EAAD,CAAT;EACD,CAJgC,EAKjC,CAACL,MAAD,EAASC,SAAT,CALiC,CAAnC;EAQA,MAAMM,gBAAgB,GAAGjB,WAAW,CAClCe,EAAE,IAAI;IACJJ,SAAS,CAAC,IAAD,CAAT;EACD,CAHiC,EAIlC,CAACA,SAAD,CAJkC,CAApC;EAOA,MAAMO,WAAW,GAAGlB,WAAW,CAC7Be,EAAE,IAAI;IACJ,IAAIP,MAAM,IAAII,QAAd,EAAwBJ,MAAM,CAACI,QAAD,EAAWG,EAAX,CAAN;IAExBJ,SAAS,CAAC,IAAD,CAAT;IACAE,WAAW,CAAC,IAAD,CAAX;EACD,CAN4B,EAO7B,CAACL,MAAD,EAASG,SAAT,EAAoBE,WAApB,EAAiCD,QAAjC,CAP6B,CAA/B;EAUA,MAAMO,IAAI,GAAGd,KAAK,CAACI,QAAD,CAAlB;EACA,MAAMW,SAAS,GAAGb,KAAK,CAACc,GAAN,CAAUC,IAAI,iBAC9B,oBAAC,SAAD;IACE,GAAG,EAAEA,IAAI,CAACP,EADZ;IAEE,EAAE,EAAEO,IAAI,CAACP,EAFX;IAGE,QAAQ,EAAEL,MAAM,KAAKY,IAAI,CAACP,EAH5B;IAIE,WAAW,EAAED,gBAJf;IAKE,UAAU,EAAEE,eALd;IAME,WAAW,EAAEC,gBANf;IAOE,MAAM,EAAEC;EAPV,gBASE,oBAAC,IAAD,eAAUI,IAAV;IAAgB,GAAG,EAAEA,IAAI,CAACP;EAA1B,GATF,CADgB,CAAlB;EAaA,oBAAO,iCAAMK,SAAN,CAAP;AACD,CAnDD;;AAqDAd,aAAa,CAACiB,SAAd,2CAA0B;EACxBhB,KAAK,EAAEN,SAAS,CAACuB,OAAV,CAAkBvB,SAAS,CAACwB,KAAV,CAAgBtB,YAAY,CAACoB,SAA7B,CAAlB,CADiB;EAExBf,MAAM,EAAEP,SAAS,CAACyB,IAFM;EAGxBjB,QAAQ,EAAER,SAAS,CAAC0B;AAHI,CAA1B;AAMA,eAAerB,aAAf"}
+{"version":3,"file":"index.js","names":["React","useState","useCallback","PropTypes","Draggable","SetupSection","CourseSection","ListItem","ITEMS","DraggableList","items","onDrop","itemType","dragTo","setDragTo","dragFrom","setDragFrom","dragStartHandler","id","dragOverHandler","dragLeaveHandler","dropHandler","Item","itemsView","map","item","index","propTypes","arrayOf","oneOfType","shape","func","string"],"sources":["../../../src/molecule/draggable-list/index.js"],"sourcesContent":["import React, {useState, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport Draggable from '../draggable';\nimport SetupSection from '../setup-section';\nimport CourseSection from '../course-section';\nimport ListItem from '../../organism/list-item';\n\nconst ITEMS = {\n  'setup-section': SetupSection,\n  'course-section': CourseSection,\n  'list-item': ListItem\n};\n\nconst DraggableList = ({items, onDrop, itemType}) => {\n  const [dragTo, setDragTo] = useState(null);\n  const [dragFrom, setDragFrom] = useState(null);\n\n  const dragStartHandler = useCallback(\n    id => {\n      setDragFrom(id);\n    },\n    [setDragFrom]\n  );\n\n  const dragOverHandler = useCallback(\n    id => {\n      if (dragTo === id) return;\n      setDragTo(id);\n    },\n    [dragTo, setDragTo]\n  );\n\n  const dragLeaveHandler = useCallback(\n    id => {\n      setDragTo(null);\n    },\n    [setDragTo]\n  );\n\n  const dropHandler = useCallback(\n    id => {\n      if (onDrop && dragFrom) onDrop(dragFrom, id);\n\n      setDragTo(null);\n      setDragFrom(null);\n    },\n    [onDrop, setDragTo, setDragFrom, dragFrom]\n  );\n\n  const Item = ITEMS[itemType];\n  const itemsView = items.map((item, index) => (\n    <Draggable\n      key={item.id}\n      id={item.id}\n      dragging={dragTo === item.id}\n      onDragStart={dragStartHandler}\n      onDragOver={dragOverHandler}\n      onDragLeave={dragLeaveHandler}\n      onDrop={dropHandler}\n    >\n      <Item {...item} key={item.id} order={index} />\n    </Draggable>\n  ));\n  return <div>{itemsView}</div>;\n};\n\nDraggableList.propTypes = {\n  items: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.shape(SetupSection.propTypes),\n      PropTypes.shape(CourseSection.propTypes),\n      PropTypes.shape(ListItem.propTypes)\n    ])\n  ),\n  onDrop: PropTypes.func,\n  itemType: PropTypes.string\n};\n\nexport default DraggableList;\n"],"mappings":";;AAAA,OAAOA,KAAP,IAAeC,QAAf,EAAyBC,WAAzB,QAA2C,OAA3C;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,SAAP,MAAsB,cAAtB;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,aAAP,MAA0B,mBAA1B;AACA,OAAOC,QAAP,MAAqB,0BAArB;AAEA,MAAMC,KAAK,GAAG;EACZ,iBAAiBH,YADL;EAEZ,kBAAkBC,aAFN;EAGZ,aAAaC;AAHD,CAAd;;AAMA,MAAME,aAAa,GAAG,CAAC;EAACC,KAAD;EAAQC,MAAR;EAAgBC;AAAhB,CAAD,KAA+B;EACnD,MAAM,CAACC,MAAD,EAASC,SAAT,IAAsBb,QAAQ,CAAC,IAAD,CAApC;EACA,MAAM,CAACc,QAAD,EAAWC,WAAX,IAA0Bf,QAAQ,CAAC,IAAD,CAAxC;EAEA,MAAMgB,gBAAgB,GAAGf,WAAW,CAClCgB,EAAE,IAAI;IACJF,WAAW,CAACE,EAAD,CAAX;EACD,CAHiC,EAIlC,CAACF,WAAD,CAJkC,CAApC;EAOA,MAAMG,eAAe,GAAGjB,WAAW,CACjCgB,EAAE,IAAI;IACJ,IAAIL,MAAM,KAAKK,EAAf,EAAmB;IACnBJ,SAAS,CAACI,EAAD,CAAT;EACD,CAJgC,EAKjC,CAACL,MAAD,EAASC,SAAT,CALiC,CAAnC;EAQA,MAAMM,gBAAgB,GAAGlB,WAAW,CAClCgB,EAAE,IAAI;IACJJ,SAAS,CAAC,IAAD,CAAT;EACD,CAHiC,EAIlC,CAACA,SAAD,CAJkC,CAApC;EAOA,MAAMO,WAAW,GAAGnB,WAAW,CAC7BgB,EAAE,IAAI;IACJ,IAAIP,MAAM,IAAII,QAAd,EAAwBJ,MAAM,CAACI,QAAD,EAAWG,EAAX,CAAN;IAExBJ,SAAS,CAAC,IAAD,CAAT;IACAE,WAAW,CAAC,IAAD,CAAX;EACD,CAN4B,EAO7B,CAACL,MAAD,EAASG,SAAT,EAAoBE,WAApB,EAAiCD,QAAjC,CAP6B,CAA/B;EAUA,MAAMO,IAAI,GAAGd,KAAK,CAACI,QAAD,CAAlB;EACA,MAAMW,SAAS,GAAGb,KAAK,CAACc,GAAN,CAAU,CAACC,IAAD,EAAOC,KAAP,kBAC1B,oBAAC,SAAD;IACE,GAAG,EAAED,IAAI,CAACP,EADZ;IAEE,EAAE,EAAEO,IAAI,CAACP,EAFX;IAGE,QAAQ,EAAEL,MAAM,KAAKY,IAAI,CAACP,EAH5B;IAIE,WAAW,EAAED,gBAJf;IAKE,UAAU,EAAEE,eALd;IAME,WAAW,EAAEC,gBANf;IAOE,MAAM,EAAEC;EAPV,gBASE,oBAAC,IAAD,eAAUI,IAAV;IAAgB,GAAG,EAAEA,IAAI,CAACP,EAA1B;IAA8B,KAAK,EAAEQ;EAArC,GATF,CADgB,CAAlB;EAaA,oBAAO,iCAAMH,SAAN,CAAP;AACD,CAnDD;;AAqDAd,aAAa,CAACkB,SAAd,2CAA0B;EACxBjB,KAAK,EAAEP,SAAS,CAACyB,OAAV,CACLzB,SAAS,CAAC0B,SAAV,CAAoB,CAClB1B,SAAS,CAAC2B,KAAV,CAAgBzB,YAAY,CAACsB,SAA7B,CADkB,EAElBxB,SAAS,CAAC2B,KAAV,CAAgBxB,aAAa,CAACqB,SAA9B,CAFkB,EAGlBxB,SAAS,CAAC2B,KAAV,CAAgBvB,QAAQ,CAACoB,SAAzB,CAHkB,CAApB,CADK,CADiB;EAQxBhB,MAAM,EAAER,SAAS,CAAC4B,IARM;EASxBnB,QAAQ,EAAET,SAAS,CAAC6B;AATI,CAA1B;AAYA,eAAevB,aAAf"}

package/es/molecule/hero/index.d.ts

@@ -1,41 +1,37 @@
-/// <reference types="react" />
-import { WebContextValues } from '../../atom/provider/web-context';
-import { Props } from './types';
-declare const Hero: {
-    (props: Props, context: WebContextValues): JSX.Element;
-    contextTypes: {
-        skin: import("prop-types").Requireable<import("prop-types").InferProps<{
-            common: import("prop-types").Requireable<{
+export default Hero;
+declare function Hero(props: any, context: any): JSX.Element;
+declare namespace Hero {
+    namespace contextTypes {
+        const skin: PropTypes.Requireable<PropTypes.InferProps<{
+            common: PropTypes.Requireable<{
                 [x: string]: any;
             }>;
-            images: import("prop-types").Requireable<import("prop-types").InferProps<{
-                'logo-mobile': import("prop-types").Requireable<any>;
-                logo: import("prop-types").Requireable<any>;
-                'logo-email': import("prop-types").Requireable<any>;
-                login: import("prop-types").Requireable<any>;
+            images: PropTypes.Requireable<PropTypes.InferProps<{
+                'logo-mobile': PropTypes.Requireable<any>;
+                logo: PropTypes.Requireable<any>;
+                'logo-email': PropTypes.Requireable<any>;
+                login: PropTypes.Requireable<any>;
             }>>;
-            icons: import("prop-types").Requireable<{
+            icons: PropTypes.Requireable<{
                 [x: string]: any;
             }>;
-            mod: import("prop-types").Requireable<{
+            mod: PropTypes.Requireable<{
                 [x: string]: any;
             }>;
-            courses: import("prop-types").Requireable<any[]>;
-            texts: import("prop-types").Requireable<{
+            courses: PropTypes.Requireable<any[]>;
+            texts: PropTypes.Requireable<{
                 [x: string]: any;
             }>;
         }>>;
-    };
-    propTypes: {
-        image: import("prop-types").Requireable<string>;
-        mode: import("prop-types").Requireable<string>;
-        description: import("prop-types").Requireable<string>;
-        title: import("prop-types").Requireable<string>;
-        author: import("prop-types").Requireable<string>;
-        progress: import("prop-types").Requireable<number>;
-        onClick: import("prop-types").Requireable<(...args: any[]) => any>;
-        submitValue: import("prop-types").Requireable<string>;
-    };
-};
-export default Hero;
+    }
+    namespace propTypes {
+        const image: PropTypes.Requireable<string>;
+        const title: PropTypes.Requireable<string>;
+        const author: PropTypes.Requireable<string>;
+        const progress: PropTypes.Requireable<number>;
+        const onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        const submitValue: PropTypes.Requireable<string>;
+    }
+}
+import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/es/molecule/hero/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/hero/index.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAY,KAAK,EAAC,MAAM,SAAS,CAAC;AAGzC,QAAA,MAAM,IAAI;YAAW,KAAK,WAAW,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkDpD,CAAC;AAQF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/hero/index.js"],"names":[],"mappings":";AASA,6DAgCC"}

package/es/molecule/hero/index.js

@@ -1,10 +1,10 @@
 import _get from "lodash/fp/get";
 import React from 'react';
+import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import Provider from '../../atom/provider';
 import Button from '../../atom/button';
 import CardContentInfo, { MODES } from '../card-content';
-import { propTypes } from './types';
 import style from './style.css';
 
 const Hero = (props, context) => {
@@ -17,9 +17,7 @@ const Hero = (props, context) => {
     author,
     progress,
     onClick,
-    submitValue,
-    description,
-    mode = MODES.HERO
+    submitValue
   } = props;
 
   const primaryColor = _get('common.primary', skin);
@@ -37,18 +35,12 @@ const Hero = (props, context) => {
       backgroundColor: primaryColor,
       backgroundImage: image ? `url('${image}')` : 'none'
     }
-  })), mode === MODES.HERO ? /*#__PURE__*/React.createElement(CardContentInfo, {
+  })), /*#__PURE__*/React.createElement(CardContentInfo, {
     mode: MODES.HERO,
     author: author,
     progress: progress,
     title: title
-  }) : /*#__PURE__*/React.createElement("div", {
-    className: style.infoWrapper
-  }, /*#__PURE__*/React.createElement("h1", {
-    className: style.title
-  }, title), /*#__PURE__*/React.createElement("p", {
-    className: style.description
-  }, description)), mode === MODES.HERO ? /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: style.heroButtonWrapper
   }, /*#__PURE__*/React.createElement(Button, {
     type: "link",
@@ -59,12 +51,19 @@ const Hero = (props, context) => {
     style: {
       backgroundColor: primaryColor
     }
-  })) : null);
+  })));
 };
 
 Hero.contextTypes = {
   skin: Provider.childContextTypes.skin
 };
-Hero.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
+Hero.propTypes = process.env.NODE_ENV !== "production" ? {
+  image: PropTypes.string,
+  title: CardContentInfo.propTypes.title,
+  author: CardContentInfo.propTypes.author,
+  progress: CardContentInfo.propTypes.progress,
+  onClick: Button.propTypes.onClick,
+  submitValue: Button.propTypes.submitValue
+} : {};
 export default Hero;
 //# sourceMappingURL=index.js.map

package/es/molecule/hero/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","classnames","Provider","Button","CardContentInfo","MODES","propTypes","style","Hero","props","context","skin","image","title","author","progress","onClick","submitValue","description","mode","HERO","primaryColor","cardStyle","hero","lazy","imageWrapper","backgroundColor","backgroundImage","infoWrapper","heroButtonWrapper","heroButton","contextTypes","childContextTypes"],"sources":["../../../src/molecule/hero/index.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport {get} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport Button from '../../atom/button';\nimport CardContentInfo, {MODES} from '../card-content';\nimport {WebContextValues} from '../../atom/provider/web-context';\nimport {propTypes, Props} from './types';\nimport style from './style.css';\n\nconst Hero = (props: Props, context: WebContextValues) => {\n  const {skin} = context;\n  const {\n    image,\n    title,\n    author,\n    progress,\n    onClick,\n    submitValue,\n    description,\n    mode = MODES.HERO\n  } = props;\n\n  const primaryColor = get('common.primary', skin);\n  const cardStyle = classnames(style.hero, title ? null : style.lazy);\n\n  return (\n    <div className={cardStyle} data-name=\"hero\">\n      <div className={style.imageWrapper}>\n        <div\n          data-name=\"cover\"\n          className={style.image}\n          style={{\n            backgroundColor: primaryColor,\n            backgroundImage: image ? `url('${image}')` : 'none'\n          }}\n        />\n      </div>\n      {mode === MODES.HERO ? (\n        <CardContentInfo mode={MODES.HERO} author={author} progress={progress} title={title} />\n      ) : (\n        <div className={style.infoWrapper}>\n          <h1 className={style.title}>{title}</h1>\n          <p className={style.description}>{description}</p>\n        </div>\n      )}\n      {mode === MODES.HERO ? (\n        <div className={style.heroButtonWrapper}>\n          <Button\n            type=\"link\"\n            data-name=\"hero-button\"\n            onClick={onClick}\n            submitValue={submitValue}\n            className={style.heroButton}\n            style={{backgroundColor: primaryColor}}\n          />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nHero.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nHero.propTypes = propTypes;\n\nexport default Hero;\n"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AAEA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,eAAP,IAAyBC,KAAzB,QAAqC,iBAArC;AAEA,SAAQC,SAAR,QAA+B,SAA/B;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,IAAI,GAAG,CAACC,KAAD,EAAeC,OAAf,KAA6C;EACxD,MAAM;IAACC;EAAD,IAASD,OAAf;EACA,MAAM;IACJE,KADI;IAEJC,KAFI;IAGJC,MAHI;IAIJC,QAJI;IAKJC,OALI;IAMJC,WANI;IAOJC,WAPI;IAQJC,IAAI,GAAGd,KAAK,CAACe;EART,IASFX,KATJ;;EAWA,MAAMY,YAAY,GAAG,KAAI,gBAAJ,EAAsBV,IAAtB,CAArB;;EACA,MAAMW,SAAS,GAAGrB,UAAU,CAACM,KAAK,CAACgB,IAAP,EAAaV,KAAK,GAAG,IAAH,GAAUN,KAAK,CAACiB,IAAlC,CAA5B;EAEA,oBACE;IAAK,SAAS,EAAEF,SAAhB;IAA2B,aAAU;EAArC,gBACE;IAAK,SAAS,EAAEf,KAAK,CAACkB;EAAtB,gBACE;IACE,aAAU,OADZ;IAEE,SAAS,EAAElB,KAAK,CAACK,KAFnB;IAGE,KAAK,EAAE;MACLc,eAAe,EAAEL,YADZ;MAELM,eAAe,EAAEf,KAAK,GAAI,QAAOA,KAAM,IAAjB,GAAuB;IAFxC;EAHT,EADF,CADF,EAWGO,IAAI,KAAKd,KAAK,CAACe,IAAf,gBACC,oBAAC,eAAD;IAAiB,IAAI,EAAEf,KAAK,CAACe,IAA7B;IAAmC,MAAM,EAAEN,MAA3C;IAAmD,QAAQ,EAAEC,QAA7D;IAAuE,KAAK,EAAEF;EAA9E,EADD,gBAGC;IAAK,SAAS,EAAEN,KAAK,CAACqB;EAAtB,gBACE;IAAI,SAAS,EAAErB,KAAK,CAACM;EAArB,GAA6BA,KAA7B,CADF,eAEE;IAAG,SAAS,EAAEN,KAAK,CAACW;EAApB,GAAkCA,WAAlC,CAFF,CAdJ,EAmBGC,IAAI,KAAKd,KAAK,CAACe,IAAf,gBACC;IAAK,SAAS,EAAEb,KAAK,CAACsB;EAAtB,gBACE,oBAAC,MAAD;IACE,IAAI,EAAC,MADP;IAEE,aAAU,aAFZ;IAGE,OAAO,EAAEb,OAHX;IAIE,WAAW,EAAEC,WAJf;IAKE,SAAS,EAAEV,KAAK,CAACuB,UALnB;IAME,KAAK,EAAE;MAACJ,eAAe,EAAEL;IAAlB;EANT,EADF,CADD,GAWG,IA9BN,CADF;AAkCD,CAlDD;;AAoDAb,IAAI,CAACuB,YAAL,GAAoB;EAClBpB,IAAI,EAAET,QAAQ,CAAC8B,iBAAT,CAA2BrB;AADf,CAApB;AAIAH,IAAI,CAACF,SAAL,2CAAiBA,SAAjB;AAEA,eAAeE,IAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","classnames","Provider","Button","CardContentInfo","MODES","style","Hero","props","context","skin","image","title","author","progress","onClick","submitValue","primaryColor","cardStyle","hero","lazy","imageWrapper","backgroundColor","backgroundImage","HERO","heroButtonWrapper","heroButton","contextTypes","childContextTypes","propTypes","string"],"sources":["../../../src/molecule/hero/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport Button from '../../atom/button';\nimport CardContentInfo, {MODES} from '../card-content';\nimport style from './style.css';\n\nconst Hero = (props, context) => {\n  const {skin} = context;\n  const {image, title, author, progress, onClick, submitValue} = props;\n\n  const primaryColor = get('common.primary', skin);\n  const cardStyle = classnames(style.hero, title ? null : style.lazy);\n\n  return (\n    <div className={cardStyle} data-name=\"hero\">\n      <div className={style.imageWrapper}>\n        <div\n          data-name=\"cover\"\n          className={style.image}\n          style={{\n            backgroundColor: primaryColor,\n            backgroundImage: image ? `url('${image}')` : 'none'\n          }}\n        />\n      </div>\n      <CardContentInfo mode={MODES.HERO} author={author} progress={progress} title={title} />\n      <div className={style.heroButtonWrapper}>\n        <Button\n          type=\"link\"\n          data-name=\"hero-button\"\n          onClick={onClick}\n          submitValue={submitValue}\n          className={style.heroButton}\n          style={{backgroundColor: primaryColor}}\n        />\n      </div>\n    </div>\n  );\n};\n\nHero.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nHero.propTypes = {\n  image: PropTypes.string,\n  title: CardContentInfo.propTypes.title,\n  author: CardContentInfo.propTypes.author,\n  progress: CardContentInfo.propTypes.progress,\n  onClick: Button.propTypes.onClick,\n  submitValue: Button.propTypes.submitValue\n};\n\nexport default Hero;\n"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AAEA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,eAAP,IAAyBC,KAAzB,QAAqC,iBAArC;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,IAAI,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EAC/B,MAAM;IAACC;EAAD,IAASD,OAAf;EACA,MAAM;IAACE,KAAD;IAAQC,KAAR;IAAeC,MAAf;IAAuBC,QAAvB;IAAiCC,OAAjC;IAA0CC;EAA1C,IAAyDR,KAA/D;;EAEA,MAAMS,YAAY,GAAG,KAAI,gBAAJ,EAAsBP,IAAtB,CAArB;;EACA,MAAMQ,SAAS,GAAGjB,UAAU,CAACK,KAAK,CAACa,IAAP,EAAaP,KAAK,GAAG,IAAH,GAAUN,KAAK,CAACc,IAAlC,CAA5B;EAEA,oBACE;IAAK,SAAS,EAAEF,SAAhB;IAA2B,aAAU;EAArC,gBACE;IAAK,SAAS,EAAEZ,KAAK,CAACe;EAAtB,gBACE;IACE,aAAU,OADZ;IAEE,SAAS,EAAEf,KAAK,CAACK,KAFnB;IAGE,KAAK,EAAE;MACLW,eAAe,EAAEL,YADZ;MAELM,eAAe,EAAEZ,KAAK,GAAI,QAAOA,KAAM,IAAjB,GAAuB;IAFxC;EAHT,EADF,CADF,eAWE,oBAAC,eAAD;IAAiB,IAAI,EAAEN,KAAK,CAACmB,IAA7B;IAAmC,MAAM,EAAEX,MAA3C;IAAmD,QAAQ,EAAEC,QAA7D;IAAuE,KAAK,EAAEF;EAA9E,EAXF,eAYE;IAAK,SAAS,EAAEN,KAAK,CAACmB;EAAtB,gBACE,oBAAC,MAAD;IACE,IAAI,EAAC,MADP;IAEE,aAAU,aAFZ;IAGE,OAAO,EAAEV,OAHX;IAIE,WAAW,EAAEC,WAJf;IAKE,SAAS,EAAEV,KAAK,CAACoB,UALnB;IAME,KAAK,EAAE;MAACJ,eAAe,EAAEL;IAAlB;EANT,EADF,CAZF,CADF;AAyBD,CAhCD;;AAkCAV,IAAI,CAACoB,YAAL,GAAoB;EAClBjB,IAAI,EAAER,QAAQ,CAAC0B,iBAAT,CAA2BlB;AADf,CAApB;AAIAH,IAAI,CAACsB,SAAL,2CAAiB;EACflB,KAAK,EAAEX,SAAS,CAAC8B,MADF;EAEflB,KAAK,EAAER,eAAe,CAACyB,SAAhB,CAA0BjB,KAFlB;EAGfC,MAAM,EAAET,eAAe,CAACyB,SAAhB,CAA0BhB,MAHnB;EAIfC,QAAQ,EAAEV,eAAe,CAACyB,SAAhB,CAA0Bf,QAJrB;EAKfC,OAAO,EAAEZ,MAAM,CAAC0B,SAAP,CAAiBd,OALX;EAMfC,WAAW,EAAEb,MAAM,CAAC0B,SAAP,CAAiBb;AANf,CAAjB;AASA,eAAeT,IAAf"}

package/es/molecule/hero/style.css

@@ -156,45 +156,3 @@
     opacity: 0;
   }
 }
-
-.infoWrapper {
-  display: flex;
-  flex-direction: column;
-  position: relative;
-  justify-content: center;
-  padding: 0 40px;
-  width: 100%;
-  box-sizing: border-box;
-  color: white;
-  align-self: center;
-}
-
-.title {
-  font-family: Gilroy;
-  font-size: 28px;
-  font-weight: 500;
-  line-height: 36px;
-  letter-spacing: 0px;
-  text-align: center;  
-  overflow: hidden;
-  user-select: none;
-  margin: 0;
-  align-self: center;
-}
-
-.description {
-  text-align: center;
-  margin-top: 12px;
-  font-size: 18px;
-  font-family: Gilroy;
-  font-size: 18px;
-  font-weight: 500;
-  line-height: 24px;
-  letter-spacing: 0px;
-  overflow: hidden;
-  user-select: none;
-  max-width: 650px;
-  padding: 0;
-  margin: 0;
-  align-self: center;
-}

package/es/molecule/quick-access-card/index.d.ts

@@ -6,7 +6,6 @@ declare namespace QuickAccessCard {
         const description: PropTypes.Requireable<string>;
         const href: PropTypes.Requireable<string>;
         const openInNewTab: PropTypes.Requireable<boolean>;
-        const isMoocCard: PropTypes.Requireable<boolean>;
         const feature: PropTypes.Requireable<string>;
     }
 }

package/es/molecule/quick-access-card/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/quick-access-card/index.js"],"names":[],"mappings":";AAiIA,wEAkEC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/quick-access-card/index.js"],"names":[],"mappings":";AA+EA,wEAwDC"}

package/es/molecule/quick-access-card/index.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { NovaSolidContentContentBookAdd as CockpitIcon, NovaSolidUsersActionsUser as ManageUserIcon, NovaSolidFilesBasicFileUpload2 as UploadUserIcon, NovaSolidEmailAtSign as ManageEmailIcon, NovaSolidDesignPaintBrush2 as LookAndFeelIcon, NovaSolidContentContentViewList as DashboardIcon, NovaSolidContentEditionFlash as MassiveBattleIcon, NovaSolidApplicationsWindowApplication5 as CmsIcon, NovaSolidBusinessBusinessGraphLine2 as AnalyticsIcon, NovaCompositionNavigationArrowRight as ActionIcon, NovaCompositionCoorpacademyOpenInNewTab as NewTabIcon, NovaLinePhoneMobilePhone as MobilePhone, NovaLineMessagesChatChatBubbleCircleQuestionMark as ChatBubbleCircleQuestionMark, NovaLineNetworkNetworkAlert as NetworkAlert, NovaLineObjectsBinoculars1 as Binoculaire, NovaLineContentEditionContentBook as ContentBook } from '@coorpacademy/nova-icons';
+import { NovaSolidContentContentBookAdd as CockpitIcon, NovaSolidUsersActionsUser as ManageUserIcon, NovaSolidFilesBasicFileUpload2 as UploadUserIcon, NovaSolidEmailAtSign as ManageEmailIcon, NovaSolidDesignPaintBrush2 as LookAndFeelIcon, NovaSolidContentContentViewList as DashboardIcon, NovaSolidContentEditionFlash as MassiveBattleIcon, NovaSolidApplicationsWindowApplication5 as CmsIcon, NovaSolidBusinessBusinessGraphLine2 as AnalyticsIcon, NovaCompositionNavigationArrowRight as ActionIcon, NovaCompositionCoorpacademyOpenInNewTab as NewTabIcon } from '@coorpacademy/nova-icons';
 import Link from '../../atom/link';
 import style from './style.css';
 
@@ -33,21 +33,6 @@ const getIcon = feature => {
     case 'analytics':
       return AnalyticsIcon;
 
-    case 'binoculaire':
-      return Binoculaire;
-
-    case 'book':
-      return ContentBook;
-
-    case 'network':
-      return NetworkAlert;
-
-    case 'chat-bubble-question':
-      return ChatBubbleCircleQuestionMark;
-
-    case 'mobile-phone':
-      return MobilePhone;
-
     default:
       return CockpitIcon;
   }
@@ -58,77 +43,37 @@ const getBackgroudRadialColors = feature => {
     case 'manage_users':
     case 'upload_users':
       return {
-        iconBackgroundColor: '#2EC1D6',
-        degrees: '187',
-        iconColor: null
+        iconColor: '#2EC1D6',
+        degrees: '187'
       };
 
     case 'look_and_feel':
     case 'dashboard':
       return {
-        iconBackgroundColor: '#18BB98',
-        degrees: '167',
-        iconColor: null
+        iconColor: '#18BB98',
+        degrees: '167'
       };
 
     case 'cockpit':
       return {
-        iconBackgroundColor: '#FF7043',
-        degrees: '14',
-        iconColor: null
+        iconColor: '#FF7043',
+        degrees: '14'
       };
 
     case 'manage_email':
     case 'massive_battle':
     case 'cms':
       return {
-        iconBackgroundColor: '#7340FF',
-        degrees: '256',
-        iconColor: null
+        iconColor: '#7340FF',
+        degrees: '256'
       };
 
     case 'analytics':
       return {
-        iconBackgroundColor: '#FF4040',
-        degrees: '0',
-        iconColor: null
-      };
-
-    case 'binoculaire':
-      return {
-        iconBackgroundColor: '#FFEFEB',
-        iconColor: '#FF541F',
-        degrees: '0'
-      };
-
-    case 'book':
-      return {
-        iconBackgroundColor: '#F1F6FE',
-        degrees: '0',
-        iconColor: null
-      };
-
-    case 'network':
-      return {
-        iconBackgroundColor: '#FFE5E6',
-        iconColor: '#FF0A0A',
+        iconColor: '#FF4040',
         degrees: '0'
       };
 
-    case 'chat-bubble-question':
-      return {
-        iconBackgroundColor: '#E8FCF8',
-        iconColor: '#16AC8C',
-        degrees: '0'
-      };
-
-    case 'mobile-phone':
-      return {
-        iconBackgroundColor: '#F4F0FF',
-        degrees: '0',
-        iconColor: null
-      };
-
     default:
       return null;
   }
@@ -140,13 +85,11 @@ const QuickAccessCard = (props, context) => {
     description,
     feature,
     href,
-    openInNewTab = false,
-    isMoocCard = false
+    openInNewTab = false
   } = props;
   const {
-    iconBackgroundColor,
-    degrees,
-    iconColor
+    iconColor,
+    degrees
   } = getBackgroudRadialColors(feature);
   const Icon = getIcon(feature);
   const newTabOnClick = openInNewTab ? /*#__PURE__*/React.createElement(NewTabIcon, {
@@ -161,7 +104,7 @@ const QuickAccessCard = (props, context) => {
     target: openInNewTab ? '_blank' : '_self',
     className: style.link
   }, /*#__PURE__*/React.createElement("div", {
-    style: !isMoocCard ? {
+    style: {
       background: `radial-gradient(62.12% 56.45% at 0% 77.29%, 
             hsl(${degrees}deg 68% 40% / 20%) 0%, 
             hsl(${degrees}deg 68% 40% / 0%) 100%), 
@@ -172,37 +115,32 @@ const QuickAccessCard = (props, context) => {
             hsl(${degrees}deg 87% 91%) 0%, 
             hsl(${degrees}deg 87% 91% / 0%) 100%), 
           #FAFAFA`
-    } : null,
+    },
     className: style.content
   }, /*#__PURE__*/React.createElement("div", {
     className: style.iconFeatureWrapper,
     style: {
-      backgroundColor: iconBackgroundColor
+      backgroundColor: iconColor
     }
   }, /*#__PURE__*/React.createElement(Icon, {
-    className: style.iconFeature,
-    style: {
-      color: iconColor
-    }
+    className: style.iconFeature
   })), /*#__PURE__*/React.createElement("div", {
     className: style.title
   }, title, newTabOnClick), /*#__PURE__*/React.createElement("div", {
     className: style.description
   }, description), /*#__PURE__*/React.createElement("div", {
-    className: style.cta
-  }, /*#__PURE__*/React.createElement("div", {
-    className: !isMoocCard ? style.iconGotoWrapper : null,
-    style: !isMoocCard ? {
-      backgroundColor: iconBackgroundColor
-    } : null
+    className: style.iconGotoWrapper,
+    style: {
+      backgroundColor: iconColor
+    }
   }, /*#__PURE__*/React.createElement("div", {
-    className: isMoocCard ? style.hoverMooc : style.hover,
+    className: style.hover,
     style: {
-      color: isMoocCard ? '#FFFFFF' : iconBackgroundColor
+      color: iconColor
     }
   }, /*#__PURE__*/React.createElement(ActionIcon, {
     className: style.iconGoto
-  })))))));
+  }))))));
 };
 
 QuickAccessCard.propTypes = process.env.NODE_ENV !== "production" ? {
@@ -210,8 +148,7 @@ QuickAccessCard.propTypes = process.env.NODE_ENV !== "production" ? {
   description: PropTypes.string,
   href: PropTypes.string,
   openInNewTab: PropTypes.bool,
-  isMoocCard: PropTypes.bool,
-  feature: PropTypes.oneOf(['analytics', 'cms', 'cockpit', 'massive_battle', 'manage_email', 'dashboard', 'look_and_feel', 'manage_users', 'upload_users', 'binoculaire', 'book', 'network', 'chat-bubble-question', 'mobile-phone'])
+  feature: PropTypes.oneOf(['analytics', 'cms', 'cockpit', 'massive_battle', 'manage_email', 'dashboard', 'look_and_feel', 'manage_users', 'upload_users'])
 } : {};
 export default QuickAccessCard;
 //# sourceMappingURL=index.js.map