@coorpacademy/components 11.9.3-alpha.29 → 11.10.1

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

@@ -2,19 +2,30 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _draggable = _interopRequireDefault(require("../draggable"));
+
 var _setupSection = _interopRequireDefault(require("../setup-section"));
+
 var _courseSection = _interopRequireDefault(require("../course-section"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 const ITEMS = {
   'setup-section': _setupSection.default,
   'course-section': _courseSection.default
 };
+
 const DraggableList = ({
   items,
   onDrop,
@@ -51,6 +62,7 @@ const DraggableList = ({
   }))));
   return /*#__PURE__*/_react.default.createElement("div", null, itemsView);
 };
+
 DraggableList.propTypes = process.env.NODE_ENV !== "production" ? {
   items: _propTypes.default.arrayOf(_propTypes.default.shape(_setupSection.default.propTypes)),
   onDrop: _propTypes.default.func,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ITEMS","SetupSection","CourseSection","DraggableList","items","onDrop","itemType","dragTo","setDragTo","useState","dragFrom","setDragFrom","dragStartHandler","useCallback","id","dragOverHandler","dragLeaveHandler","dropHandler","Item","itemsView","map","item","propTypes","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;AACA;AACA;AACA;AACA;AAA8C;AAAA;AAAA;AAAA;AAE9C,MAAMA,KAAK,GAAG;EAAC,eAAe,EAAEC,qBAAY;EAAE,gBAAgB,EAAEC;AAAa,CAAC;AAE9E,MAAMC,aAAa,GAAG,CAAC;EAACC,KAAK;EAAEC,MAAM;EAAEC;AAAQ,CAAC,KAAK;EACnD,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAG,IAAAC,eAAQ,EAAC,IAAI,CAAC;EAC1C,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAG,IAAAF,eAAQ,EAAC,IAAI,CAAC;EAE9C,MAAMG,gBAAgB,GAAG,IAAAC,kBAAW,EAClCC,EAAE,IAAI;IACJH,WAAW,CAACG,EAAE,CAAC;EACjB,CAAC,EACD,CAACH,WAAW,CAAC,CACd;EAED,MAAMI,eAAe,GAAG,IAAAF,kBAAW,EACjCC,EAAE,IAAI;IACJ,IAAIP,MAAM,KAAKO,EAAE,EAAE;IACnBN,SAAS,CAACM,EAAE,CAAC;EACf,CAAC,EACD,CAACP,MAAM,EAAEC,SAAS,CAAC,CACpB;EAED,MAAMQ,gBAAgB,GAAG,IAAAH,kBAAW,EAClCC,EAAE,IAAI;IACJN,SAAS,CAAC,IAAI,CAAC;EACjB,CAAC,EACD,CAACA,SAAS,CAAC,CACZ;EAED,MAAMS,WAAW,GAAG,IAAAJ,kBAAW,EAC7BC,EAAE,IAAI;IACJ,IAAIT,MAAM,IAAIK,QAAQ,EAAEL,MAAM,CAACK,QAAQ,EAAEI,EAAE,CAAC;IAE5CN,SAAS,CAAC,IAAI,CAAC;IACfG,WAAW,CAAC,IAAI,CAAC;EACnB,CAAC,EACD,CAACN,MAAM,EAAEG,SAAS,EAAEG,WAAW,EAAED,QAAQ,CAAC,CAC3C;EAED,MAAMQ,IAAI,GAAGlB,KAAK,CAACM,QAAQ,CAAC;EAC5B,MAAMa,SAAS,GAAGf,KAAK,CAACgB,GAAG,CAACC,IAAI,iBAC9B,6BAAC,kBAAS;IACR,GAAG,EAAEA,IAAI,CAACP,EAAG;IACb,EAAE,EAAEO,IAAI,CAACP,EAAG;IACZ,QAAQ,EAAEP,MAAM,KAAKc,IAAI,CAACP,EAAG;IAC7B,WAAW,EAAEF,gBAAiB;IAC9B,UAAU,EAAEG,eAAgB;IAC5B,WAAW,EAAEC,gBAAiB;IAC9B,MAAM,EAAEC;EAAY,gBAEpB,6BAAC,IAAI,eAAKI,IAAI;IAAE,GAAG,EAAEA,IAAI,CAACP;EAAG,GAAG,CAEnC,CAAC;EACF,oBAAO,0CAAMK,SAAS,CAAO;AAC/B,CAAC;AAEDhB,aAAa,CAACmB,SAAS,2CAAG;EACxBlB,KAAK,EAAEmB,kBAAS,CAACC,OAAO,CAACD,kBAAS,CAACE,KAAK,CAACxB,qBAAY,CAACqB,SAAS,CAAC,CAAC;EACjEjB,MAAM,EAAEkB,kBAAS,CAACG,IAAI;EACtBpB,QAAQ,EAAEiB,kBAAS,CAACI;AACtB,CAAC;AAAC,eAEaxB,aAAa;AAAA"}
+{"version":3,"file":"index.js","names":["ITEMS","SetupSection","CourseSection","DraggableList","items","onDrop","itemType","dragTo","setDragTo","useState","dragFrom","setDragFrom","dragStartHandler","useCallback","id","dragOverHandler","dragLeaveHandler","dropHandler","Item","itemsView","map","item","propTypes","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;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,KAAK,GAAG;EAAC,iBAAiBC,qBAAlB;EAAgC,kBAAkBC;AAAlD,CAAd;;AAEA,MAAMC,aAAa,GAAG,CAAC;EAACC,KAAD;EAAQC,MAAR;EAAgBC;AAAhB,CAAD,KAA+B;EACnD,MAAM,CAACC,MAAD,EAASC,SAAT,IAAsB,IAAAC,eAAA,EAAS,IAAT,CAA5B;EACA,MAAM,CAACC,QAAD,EAAWC,WAAX,IAA0B,IAAAF,eAAA,EAAS,IAAT,CAAhC;EAEA,MAAMG,gBAAgB,GAAG,IAAAC,kBAAA,EACvBC,EAAE,IAAI;IACJH,WAAW,CAACG,EAAD,CAAX;EACD,CAHsB,EAIvB,CAACH,WAAD,CAJuB,CAAzB;EAOA,MAAMI,eAAe,GAAG,IAAAF,kBAAA,EACtBC,EAAE,IAAI;IACJ,IAAIP,MAAM,KAAKO,EAAf,EAAmB;IACnBN,SAAS,CAACM,EAAD,CAAT;EACD,CAJqB,EAKtB,CAACP,MAAD,EAASC,SAAT,CALsB,CAAxB;EAQA,MAAMQ,gBAAgB,GAAG,IAAAH,kBAAA,EACvBC,EAAE,IAAI;IACJN,SAAS,CAAC,IAAD,CAAT;EACD,CAHsB,EAIvB,CAACA,SAAD,CAJuB,CAAzB;EAOA,MAAMS,WAAW,GAAG,IAAAJ,kBAAA,EAClBC,EAAE,IAAI;IACJ,IAAIT,MAAM,IAAIK,QAAd,EAAwBL,MAAM,CAACK,QAAD,EAAWI,EAAX,CAAN;IAExBN,SAAS,CAAC,IAAD,CAAT;IACAG,WAAW,CAAC,IAAD,CAAX;EACD,CANiB,EAOlB,CAACN,MAAD,EAASG,SAAT,EAAoBG,WAApB,EAAiCD,QAAjC,CAPkB,CAApB;EAUA,MAAMQ,IAAI,GAAGlB,KAAK,CAACM,QAAD,CAAlB;EACA,MAAMa,SAAS,GAAGf,KAAK,CAACgB,GAAN,CAAUC,IAAI,iBAC9B,6BAAC,kBAAD;IACE,GAAG,EAAEA,IAAI,CAACP,EADZ;IAEE,EAAE,EAAEO,IAAI,CAACP,EAFX;IAGE,QAAQ,EAAEP,MAAM,KAAKc,IAAI,CAACP,EAH5B;IAIE,WAAW,EAAEF,gBAJf;IAKE,UAAU,EAAEG,eALd;IAME,WAAW,EAAEC,gBANf;IAOE,MAAM,EAAEC;EAPV,gBASE,6BAAC,IAAD,eAAUI,IAAV;IAAgB,GAAG,EAAEA,IAAI,CAACP;EAA1B,GATF,CADgB,CAAlB;EAaA,oBAAO,0CAAMK,SAAN,CAAP;AACD,CAnDD;;AAqDAhB,aAAa,CAACmB,SAAd,2CAA0B;EACxBlB,KAAK,EAAEmB,kBAAA,CAAUC,OAAV,CAAkBD,kBAAA,CAAUE,KAAV,CAAgBxB,qBAAA,CAAaqB,SAA7B,CAAlB,CADiB;EAExBjB,MAAM,EAAEkB,kBAAA,CAAUG,IAFM;EAGxBpB,QAAQ,EAAEiB,kBAAA,CAAUI;AAHI,CAA1B;eAMexB,a"}

package/lib/molecule/empty-state-dashboard/index.js

@@ -2,12 +2,19 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 var _types = require("./types");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 const EmptyStateDashboard = ({
   mainText,
   subText,
@@ -28,6 +35,7 @@ const EmptyStateDashboard = ({
 }, /*#__PURE__*/_react.default.createElement(_buttonLink.default, _extends({}, buttonLink, {
   className: _style.default.button
 }))));
+
 EmptyStateDashboard.propTypes = process.env.NODE_ENV !== "production" ? _types.propTypes : {};
 var _default = EmptyStateDashboard;
 exports.default = _default;

package/lib/molecule/empty-state-dashboard/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["EmptyStateDashboard","mainText","subText","imageUrl","buttonLink","style","container","img","buttonContainer","button","propTypes"],"sources":["../../../src/molecule/empty-state-dashboard/index.tsx"],"sourcesContent":["import React from 'react';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\nimport {Props, propTypes} from './types';\n\nconst EmptyStateDashboard = ({mainText, subText, imageUrl, buttonLink}: Props) => (\n  <div className={style.container}>\n    <div>\n      <img className={style.img} src={imageUrl} aria-hidden=\"true\" />\n    </div>\n    <p className={style.mainText}>{mainText}</p>\n    <p className={style.subText}>{subText}</p>\n    <div className={style.buttonContainer}>\n      <ButtonLink {...buttonLink} className={style.button} />\n    </div>\n  </div>\n);\n\nEmptyStateDashboard.propTypes = propTypes;\n\nexport default EmptyStateDashboard;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AAAyC;AAAA;AAEzC,MAAMA,mBAAmB,GAAG,CAAC;EAACC,QAAQ;EAAEC,OAAO;EAAEC,QAAQ;EAAEC;AAAiB,CAAC,kBAC3E;EAAK,SAAS,EAAEC,cAAK,CAACC;AAAU,gBAC9B,uDACE;EAAK,SAAS,EAAED,cAAK,CAACE,GAAI;EAAC,GAAG,EAAEJ,QAAS;EAAC,eAAY;AAAM,EAAG,CAC3D,eACN;EAAG,SAAS,EAAEE,cAAK,CAACJ;AAAS,GAAEA,QAAQ,CAAK,eAC5C;EAAG,SAAS,EAAEI,cAAK,CAACH;AAAQ,GAAEA,OAAO,CAAK,eAC1C;EAAK,SAAS,EAAEG,cAAK,CAACG;AAAgB,gBACpC,6BAAC,mBAAU,eAAKJ,UAAU;EAAE,SAAS,EAAEC,cAAK,CAACI;AAAO,GAAG,CACnD,CAET;AAEDT,mBAAmB,CAACU,SAAS,2CAAGA,gBAAS;AAAC,eAE3BV,mBAAmB;AAAA"}
+{"version":3,"file":"index.js","names":["EmptyStateDashboard","mainText","subText","imageUrl","buttonLink","style","container","img","buttonContainer","button","propTypes"],"sources":["../../../src/molecule/empty-state-dashboard/index.tsx"],"sourcesContent":["import React from 'react';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\nimport {Props, propTypes} from './types';\n\nconst EmptyStateDashboard = ({mainText, subText, imageUrl, buttonLink}: Props) => (\n  <div className={style.container}>\n    <div>\n      <img className={style.img} src={imageUrl} aria-hidden=\"true\" />\n    </div>\n    <p className={style.mainText}>{mainText}</p>\n    <p className={style.subText}>{subText}</p>\n    <div className={style.buttonContainer}>\n      <ButtonLink {...buttonLink} className={style.button} />\n    </div>\n  </div>\n);\n\nEmptyStateDashboard.propTypes = propTypes;\n\nexport default EmptyStateDashboard;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,mBAAmB,GAAG,CAAC;EAACC,QAAD;EAAWC,OAAX;EAAoBC,QAApB;EAA8BC;AAA9B,CAAD,kBAC1B;EAAK,SAAS,EAAEC,cAAA,CAAMC;AAAtB,gBACE,uDACE;EAAK,SAAS,EAAED,cAAA,CAAME,GAAtB;EAA2B,GAAG,EAAEJ,QAAhC;EAA0C,eAAY;AAAtD,EADF,CADF,eAIE;EAAG,SAAS,EAAEE,cAAA,CAAMJ;AAApB,GAA+BA,QAA/B,CAJF,eAKE;EAAG,SAAS,EAAEI,cAAA,CAAMH;AAApB,GAA8BA,OAA9B,CALF,eAME;EAAK,SAAS,EAAEG,cAAA,CAAMG;AAAtB,gBACE,6BAAC,mBAAD,eAAgBJ,UAAhB;EAA4B,SAAS,EAAEC,cAAA,CAAMI;AAA7C,GADF,CANF,CADF;;AAaAT,mBAAmB,CAACU,SAApB,2CAAgCA,gBAAhC;eAEeV,mB"}

package/lib/molecule/empty-state-dashboard/types.d.ts

@@ -15,5 +15,5 @@ export declare const propTypes: {
         onClick: PropTypes.Requireable<(...args: any[]) => any>;
     }>>;
 };
-export type Props = PropTypes.InferProps<typeof propTypes>;
+export declare type Props = PropTypes.InferProps<typeof propTypes>;
 //# sourceMappingURL=types.d.ts.map

package/lib/molecule/empty-state-dashboard/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/empty-state-dashboard/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;CAerB,CAAC;AAEF,MAAM,MAAM,KAAK,GAAG,SAAS,CAAC,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/empty-state-dashboard/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;CAerB,CAAC;AAEF,oBAAY,KAAK,GAAG,SAAS,CAAC,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC"}

package/lib/molecule/empty-state-dashboard/types.js

@@ -2,9 +2,13 @@
 
 exports.__esModule = true;
 exports.propTypes = void 0;
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _picture = _interopRequireDefault(require("../../atom/picture"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const propTypes = {
   mainText: _propTypes.default.string,
   subText: _propTypes.default.string,

package/lib/molecule/empty-state-dashboard/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["propTypes","mainText","PropTypes","string","subText","imageUrl","Picture","src","buttonLink","shape","type","label","ariaLabel","dataName","icon","position","onClick","func"],"sources":["../../../src/molecule/empty-state-dashboard/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport Picture from '../../atom/picture';\n\nexport const propTypes = {\n  mainText: PropTypes.string,\n  subText: PropTypes.string,\n  imageUrl: Picture.propTypes.src,\n  buttonLink: PropTypes.shape({\n    type: PropTypes.string,\n    label: PropTypes.string,\n    ariaLabel: PropTypes.string,\n    dataName: PropTypes.string,\n    icon: PropTypes.shape({\n      position: PropTypes.string,\n      type: PropTypes.string\n    }),\n    onClick: PropTypes.func\n  })\n};\n\nexport type Props = PropTypes.InferProps<typeof propTypes>;\n"],"mappings":";;;;AAAA;AACA;AAAyC;AAElC,MAAMA,SAAS,GAAG;EACvBC,QAAQ,EAAEC,kBAAS,CAACC,MAAM;EAC1BC,OAAO,EAAEF,kBAAS,CAACC,MAAM;EACzBE,QAAQ,EAAEC,gBAAO,CAACN,SAAS,CAACO,GAAG;EAC/BC,UAAU,EAAEN,kBAAS,CAACO,KAAK,CAAC;IAC1BC,IAAI,EAAER,kBAAS,CAACC,MAAM;IACtBQ,KAAK,EAAET,kBAAS,CAACC,MAAM;IACvBS,SAAS,EAAEV,kBAAS,CAACC,MAAM;IAC3BU,QAAQ,EAAEX,kBAAS,CAACC,MAAM;IAC1BW,IAAI,EAAEZ,kBAAS,CAACO,KAAK,CAAC;MACpBM,QAAQ,EAAEb,kBAAS,CAACC,MAAM;MAC1BO,IAAI,EAAER,kBAAS,CAACC;IAClB,CAAC,CAAC;IACFa,OAAO,EAAEd,kBAAS,CAACe;EACrB,CAAC;AACH,CAAC;AAAC"}
+{"version":3,"file":"types.js","names":["propTypes","mainText","PropTypes","string","subText","imageUrl","Picture","src","buttonLink","shape","type","label","ariaLabel","dataName","icon","position","onClick","func"],"sources":["../../../src/molecule/empty-state-dashboard/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport Picture from '../../atom/picture';\n\nexport const propTypes = {\n  mainText: PropTypes.string,\n  subText: PropTypes.string,\n  imageUrl: Picture.propTypes.src,\n  buttonLink: PropTypes.shape({\n    type: PropTypes.string,\n    label: PropTypes.string,\n    ariaLabel: PropTypes.string,\n    dataName: PropTypes.string,\n    icon: PropTypes.shape({\n      position: PropTypes.string,\n      type: PropTypes.string\n    }),\n    onClick: PropTypes.func\n  })\n};\n\nexport type Props = PropTypes.InferProps<typeof propTypes>;\n"],"mappings":";;;;;AAAA;;AACA;;;;AAEO,MAAMA,SAAS,GAAG;EACvBC,QAAQ,EAAEC,kBAAA,CAAUC,MADG;EAEvBC,OAAO,EAAEF,kBAAA,CAAUC,MAFI;EAGvBE,QAAQ,EAAEC,gBAAA,CAAQN,SAAR,CAAkBO,GAHL;EAIvBC,UAAU,EAAEN,kBAAA,CAAUO,KAAV,CAAgB;IAC1BC,IAAI,EAAER,kBAAA,CAAUC,MADU;IAE1BQ,KAAK,EAAET,kBAAA,CAAUC,MAFS;IAG1BS,SAAS,EAAEV,kBAAA,CAAUC,MAHK;IAI1BU,QAAQ,EAAEX,kBAAA,CAAUC,MAJM;IAK1BW,IAAI,EAAEZ,kBAAA,CAAUO,KAAV,CAAgB;MACpBM,QAAQ,EAAEb,kBAAA,CAAUC,MADA;MAEpBO,IAAI,EAAER,kBAAA,CAAUC;IAFI,CAAhB,CALoB;IAS1Ba,OAAO,EAAEd,kBAAA,CAAUe;EATO,CAAhB;AAJW,CAAlB"}

package/lib/molecule/external-content-button/index.js

@@ -2,15 +2,23 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _provider = _interopRequireDefault(require("../../atom/provider"));
+
 var _externalContent = require("../../util/external-content");
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 class ExternalContentButton extends _react.default.Component {
   constructor(props, context) {
     super(props, context);
+
     this.handleClick = e => {
       e.stopPropagation();
       e.preventDefault();
@@ -20,6 +28,7 @@ class ExternalContentButton extends _react.default.Component {
       onClick && onClick(e);
     };
   }
+
   render() {
     const {
       translate
@@ -53,7 +62,9 @@ class ExternalContentButton extends _react.default.Component {
       className: _style.default.description
     }, description));
   }
+
 }
+
 ExternalContentButton.contextTypes = {
   translate: _provider.default.childContextTypes.translate
 };

package/lib/molecule/external-content-button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ExternalContentButton","React","Component","constructor","props","context","handleClick","e","stopPropagation","preventDefault","onClick","render","translate","type","description","IconType","EXTERNAL_CONTENT_ICONS","icon","iconColor","color","style","button","header","backgroundColor","iconBackground","title","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","func"],"sources":["../../../src/molecule/external-content-button/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Provider from '../../atom/provider';\nimport {EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\n\nimport style from './style.css';\n\nclass ExternalContentButton extends React.Component {\n  static propTypes = {\n    type: PropTypes.string,\n    description: PropTypes.string,\n    onClick: PropTypes.func\n  };\n\n  static contextTypes = {\n    translate: Provider.childContextTypes.translate\n  };\n\n  constructor(props, context) {\n    super(props, context);\n  }\n\n  handleClick = e => {\n    e.stopPropagation();\n    e.preventDefault();\n    const {onClick} = this.props;\n    onClick && onClick(e);\n  };\n\n  render() {\n    const {translate} = this.context;\n    const {type, description} = this.props;\n    const IconType = EXTERNAL_CONTENT_ICONS[type].icon;\n    const iconColor = EXTERNAL_CONTENT_ICONS[type].color;\n    return (\n      <div onClick={this.handleClick} className={style.button}>\n        <div className={style.header} style={{backgroundColor: iconColor}} />\n        <div className={style.iconBackground} style={{backgroundColor: iconColor}}>\n          <IconType className={style.icon} width={16} height={16} />\n        </div>\n        <span className={style.title}>\n          {type === 'scorm' ? translate('external_content_scorm') : ''}\n          {type === 'video' ? translate('external_content_video') : ''}\n          {type === 'article' ? translate('external_content_article') : ''}\n          {type === 'podcast' ? translate('external_content_podcast') : ''}\n        </span>\n        <span className={style.description}>{description}</span>\n      </div>\n    );\n  }\n}\n\nexport default ExternalContentButton;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AAEA;AAAgC;AAEhC,MAAMA,qBAAqB,SAASC,cAAK,CAACC,SAAS,CAAC;EAWlDC,WAAW,CAACC,KAAK,EAAEC,OAAO,EAAE;IAC1B,KAAK,CAACD,KAAK,EAAEC,OAAO,CAAC;IAAC,KAGxBC,WAAW,GAAGC,CAAC,IAAI;MACjBA,CAAC,CAACC,eAAe,EAAE;MACnBD,CAAC,CAACE,cAAc,EAAE;MAClB,MAAM;QAACC;MAAO,CAAC,GAAG,IAAI,CAACN,KAAK;MAC5BM,OAAO,IAAIA,OAAO,CAACH,CAAC,CAAC;IACvB,CAAC;EAPD;EASAI,MAAM,GAAG;IACP,MAAM;MAACC;IAAS,CAAC,GAAG,IAAI,CAACP,OAAO;IAChC,MAAM;MAACQ,IAAI;MAAEC;IAAW,CAAC,GAAG,IAAI,CAACV,KAAK;IACtC,MAAMW,QAAQ,GAAGC,uCAAsB,CAACH,IAAI,CAAC,CAACI,IAAI;IAClD,MAAMC,SAAS,GAAGF,uCAAsB,CAACH,IAAI,CAAC,CAACM,KAAK;IACpD,oBACE;MAAK,OAAO,EAAE,IAAI,CAACb,WAAY;MAAC,SAAS,EAAEc,cAAK,CAACC;IAAO,gBACtD;MAAK,SAAS,EAAED,cAAK,CAACE,MAAO;MAAC,KAAK,EAAE;QAACC,eAAe,EAAEL;MAAS;IAAE,EAAG,eACrE;MAAK,SAAS,EAAEE,cAAK,CAACI,cAAe;MAAC,KAAK,EAAE;QAACD,eAAe,EAAEL;MAAS;IAAE,gBACxE,6BAAC,QAAQ;MAAC,SAAS,EAAEE,cAAK,CAACH,IAAK;MAAC,KAAK,EAAE,EAAG;MAAC,MAAM,EAAE;IAAG,EAAG,CACtD,eACN;MAAM,SAAS,EAAEG,cAAK,CAACK;IAAM,GAC1BZ,IAAI,KAAK,OAAO,GAAGD,SAAS,CAAC,wBAAwB,CAAC,GAAG,EAAE,EAC3DC,IAAI,KAAK,OAAO,GAAGD,SAAS,CAAC,wBAAwB,CAAC,GAAG,EAAE,EAC3DC,IAAI,KAAK,SAAS,GAAGD,SAAS,CAAC,0BAA0B,CAAC,GAAG,EAAE,EAC/DC,IAAI,KAAK,SAAS,GAAGD,SAAS,CAAC,0BAA0B,CAAC,GAAG,EAAE,CAC3D,eACP;MAAM,SAAS,EAAEQ,cAAK,CAACN;IAAY,GAAEA,WAAW,CAAQ,CACpD;EAEV;AACF;AA3CMd,qBAAqB,CAOlB0B,YAAY,GAAG;EACpBd,SAAS,EAAEe,iBAAQ,CAACC,iBAAiB,CAAChB;AACxC,CAAC;AATGZ,qBAAqB,CAClB6B,SAAS,2CAAG;EACjBhB,IAAI,EAAEiB,kBAAS,CAACC,MAAM;EACtBjB,WAAW,EAAEgB,kBAAS,CAACC,MAAM;EAC7BrB,OAAO,EAAEoB,kBAAS,CAACE;AACrB,CAAC;AAAA,eAwCYhC,qBAAqB;AAAA"}
+{"version":3,"file":"index.js","names":["ExternalContentButton","React","Component","constructor","props","context","handleClick","e","stopPropagation","preventDefault","onClick","render","translate","type","description","IconType","EXTERNAL_CONTENT_ICONS","icon","iconColor","color","style","button","header","backgroundColor","iconBackground","title","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","func"],"sources":["../../../src/molecule/external-content-button/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Provider from '../../atom/provider';\nimport {EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\n\nimport style from './style.css';\n\nclass ExternalContentButton extends React.Component {\n  static propTypes = {\n    type: PropTypes.string,\n    description: PropTypes.string,\n    onClick: PropTypes.func\n  };\n\n  static contextTypes = {\n    translate: Provider.childContextTypes.translate\n  };\n\n  constructor(props, context) {\n    super(props, context);\n  }\n\n  handleClick = e => {\n    e.stopPropagation();\n    e.preventDefault();\n    const {onClick} = this.props;\n    onClick && onClick(e);\n  };\n\n  render() {\n    const {translate} = this.context;\n    const {type, description} = this.props;\n    const IconType = EXTERNAL_CONTENT_ICONS[type].icon;\n    const iconColor = EXTERNAL_CONTENT_ICONS[type].color;\n    return (\n      <div onClick={this.handleClick} className={style.button}>\n        <div className={style.header} style={{backgroundColor: iconColor}} />\n        <div className={style.iconBackground} style={{backgroundColor: iconColor}}>\n          <IconType className={style.icon} width={16} height={16} />\n        </div>\n        <span className={style.title}>\n          {type === 'scorm' ? translate('external_content_scorm') : ''}\n          {type === 'video' ? translate('external_content_video') : ''}\n          {type === 'article' ? translate('external_content_article') : ''}\n          {type === 'podcast' ? translate('external_content_podcast') : ''}\n        </span>\n        <span className={style.description}>{description}</span>\n      </div>\n    );\n  }\n}\n\nexport default ExternalContentButton;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;;;AAEA,MAAMA,qBAAN,SAAoCC,cAAA,CAAMC,SAA1C,CAAoD;EAWlDC,WAAW,CAACC,KAAD,EAAQC,OAAR,EAAiB;IAC1B,MAAMD,KAAN,EAAaC,OAAb;;IAD0B,KAI5BC,WAJ4B,GAIdC,CAAC,IAAI;MACjBA,CAAC,CAACC,eAAF;MACAD,CAAC,CAACE,cAAF;MACA,MAAM;QAACC;MAAD,IAAY,KAAKN,KAAvB;MACAM,OAAO,IAAIA,OAAO,CAACH,CAAD,CAAlB;IACD,CAT2B;EAE3B;;EASDI,MAAM,GAAG;IACP,MAAM;MAACC;IAAD,IAAc,KAAKP,OAAzB;IACA,MAAM;MAACQ,IAAD;MAAOC;IAAP,IAAsB,KAAKV,KAAjC;IACA,MAAMW,QAAQ,GAAGC,uCAAA,CAAuBH,IAAvB,EAA6BI,IAA9C;IACA,MAAMC,SAAS,GAAGF,uCAAA,CAAuBH,IAAvB,EAA6BM,KAA/C;IACA,oBACE;MAAK,OAAO,EAAE,KAAKb,WAAnB;MAAgC,SAAS,EAAEc,cAAA,CAAMC;IAAjD,gBACE;MAAK,SAAS,EAAED,cAAA,CAAME,MAAtB;MAA8B,KAAK,EAAE;QAACC,eAAe,EAAEL;MAAlB;IAArC,EADF,eAEE;MAAK,SAAS,EAAEE,cAAA,CAAMI,cAAtB;MAAsC,KAAK,EAAE;QAACD,eAAe,EAAEL;MAAlB;IAA7C,gBACE,6BAAC,QAAD;MAAU,SAAS,EAAEE,cAAA,CAAMH,IAA3B;MAAiC,KAAK,EAAE,EAAxC;MAA4C,MAAM,EAAE;IAApD,EADF,CAFF,eAKE;MAAM,SAAS,EAAEG,cAAA,CAAMK;IAAvB,GACGZ,IAAI,KAAK,OAAT,GAAmBD,SAAS,CAAC,wBAAD,CAA5B,GAAyD,EAD5D,EAEGC,IAAI,KAAK,OAAT,GAAmBD,SAAS,CAAC,wBAAD,CAA5B,GAAyD,EAF5D,EAGGC,IAAI,KAAK,SAAT,GAAqBD,SAAS,CAAC,0BAAD,CAA9B,GAA6D,EAHhE,EAIGC,IAAI,KAAK,SAAT,GAAqBD,SAAS,CAAC,0BAAD,CAA9B,GAA6D,EAJhE,CALF,eAWE;MAAM,SAAS,EAAEQ,cAAA,CAAMN;IAAvB,GAAqCA,WAArC,CAXF,CADF;EAeD;;AA1CiD;;AAA9Cd,qB,CAOG0B,Y,GAAe;EACpBd,SAAS,EAAEe,iBAAA,CAASC,iBAAT,CAA2BhB;AADlB,C;AAPlBZ,qB,CACG6B,S,2CAAY;EACjBhB,IAAI,EAAEiB,kBAAA,CAAUC,MADC;EAEjBjB,WAAW,EAAEgB,kBAAA,CAAUC,MAFN;EAGjBrB,OAAO,EAAEoB,kBAAA,CAAUE;AAHF,C;eA4CNhC,qB"}

package/lib/molecule/external-content-viewer/index.js

@@ -2,12 +2,19 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _startsWith = _interopRequireDefault(require("lodash/fp/startsWith"));
+
 var _includes = _interopRequireDefault(require("lodash/fp/includes"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const podcastWrapperStyle = {
   default: _style.default.podcastWrapper,
   cockpit: _style.default.podcastWrapperCockpit,
@@ -18,6 +25,7 @@ const iframeStyle = {
   cockpit: _style.default.iframeCockpit,
   mobile: _style.default.iframe
 };
+
 function ExternalContentViewer(props) {
   const {
     url,
@@ -53,6 +61,7 @@ function ExternalContentViewer(props) {
     "data-name": "external-content-iframe"
   });
 }
+
 ExternalContentViewer.propTypes = process.env.NODE_ENV !== "production" ? {
   url: _propTypes.default.string.isRequired,
   backgroundImageUrl: _propTypes.default.string,

package/lib/molecule/external-content-viewer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["podcastWrapperStyle","default","style","podcastWrapper","cockpit","podcastWrapperCockpit","mobile","iframeStyle","iframe","iframeCockpit","ExternalContentViewer","props","url","backgroundImageUrl","contentType","mode","isPdf","includes","googleViewer","startsWith","bgPodcast","backgroundImage","podcast","propTypes","PropTypes","string","isRequired"],"sources":["../../../src/molecule/external-content-viewer/index.js"],"sourcesContent":["import React from 'react';\nimport startsWith from 'lodash/fp/startsWith';\nimport includes from 'lodash/fp/includes';\nimport PropTypes from 'prop-types';\nimport style from './style.css';\n\nconst podcastWrapperStyle = {\n  default: style.podcastWrapper,\n  cockpit: style.podcastWrapperCockpit,\n  mobile: style.podcastWrapper\n};\n\nconst iframeStyle = {\n  default: style.iframe,\n  cockpit: style.iframeCockpit,\n  mobile: style.iframe\n};\n\nfunction ExternalContentViewer(props) {\n  const {url, backgroundImageUrl, contentType, mode = 'default'} = props;\n  const isPdf = includes('.pdf', url);\n  const googleViewer = `https://docs.google.com/viewerng/viewer?embedded=true&url=${url}`;\n\n  return startsWith('audio', contentType) ? (\n    <div className={podcastWrapperStyle[mode]}>\n      <div\n        className={style.bgPodcast}\n        style={{backgroundImage: backgroundImageUrl && `url(${backgroundImageUrl})`}}\n      />\n      <audio\n        className={style.podcast}\n        controls\n        controlsList=\"nodownload\"\n        autoPlay=\"\"\n        name=\"media\"\n        data-name=\"external-content-podcast\"\n        preload=\"auto\"\n      >\n        <source src={url} type={contentType} />\n      </audio>\n    </div>\n  ) : (\n    <iframe\n      src={isPdf && mode === 'mobile' ? googleViewer : url}\n      frameBorder={0}\n      className={iframeStyle[mode]}\n      allowFullScreen\n      data-name=\"external-content-iframe\"\n    />\n  );\n}\n\nExternalContentViewer.propTypes = {\n  url: PropTypes.string.isRequired,\n  backgroundImageUrl: PropTypes.string,\n  contentType: PropTypes.string,\n  mode: PropTypes.string\n};\n\nexport default ExternalContentViewer;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AAAgC;AAEhC,MAAMA,mBAAmB,GAAG;EAC1BC,OAAO,EAAEC,cAAK,CAACC,cAAc;EAC7BC,OAAO,EAAEF,cAAK,CAACG,qBAAqB;EACpCC,MAAM,EAAEJ,cAAK,CAACC;AAChB,CAAC;AAED,MAAMI,WAAW,GAAG;EAClBN,OAAO,EAAEC,cAAK,CAACM,MAAM;EACrBJ,OAAO,EAAEF,cAAK,CAACO,aAAa;EAC5BH,MAAM,EAAEJ,cAAK,CAACM;AAChB,CAAC;AAED,SAASE,qBAAqB,CAACC,KAAK,EAAE;EACpC,MAAM;IAACC,GAAG;IAAEC,kBAAkB;IAAEC,WAAW;IAAEC,IAAI,GAAG;EAAS,CAAC,GAAGJ,KAAK;EACtE,MAAMK,KAAK,GAAG,IAAAC,iBAAQ,EAAC,MAAM,EAAEL,GAAG,CAAC;EACnC,MAAMM,YAAY,GAAI,6DAA4DN,GAAI,EAAC;EAEvF,OAAO,IAAAO,mBAAU,EAAC,OAAO,EAAEL,WAAW,CAAC,gBACrC;IAAK,SAAS,EAAEd,mBAAmB,CAACe,IAAI;EAAE,gBACxC;IACE,SAAS,EAAEb,cAAK,CAACkB,SAAU;IAC3B,KAAK,EAAE;MAACC,eAAe,EAAER,kBAAkB,IAAK,OAAMA,kBAAmB;IAAE;EAAE,EAC7E,eACF;IACE,SAAS,EAAEX,cAAK,CAACoB,OAAQ;IACzB,QAAQ;IACR,YAAY,EAAC,YAAY;IACzB,QAAQ,EAAC,EAAE;IACX,IAAI,EAAC,OAAO;IACZ,aAAU,0BAA0B;IACpC,OAAO,EAAC;EAAM,gBAEd;IAAQ,GAAG,EAAEV,GAAI;IAAC,IAAI,EAAEE;EAAY,EAAG,CACjC,CACJ,gBAEN;IACE,GAAG,EAAEE,KAAK,IAAID,IAAI,KAAK,QAAQ,GAAGG,YAAY,GAAGN,GAAI;IACrD,WAAW,EAAE,CAAE;IACf,SAAS,EAAEL,WAAW,CAACQ,IAAI,CAAE;IAC7B,eAAe;IACf,aAAU;EAAyB,EAEtC;AACH;AAEAL,qBAAqB,CAACa,SAAS,2CAAG;EAChCX,GAAG,EAAEY,kBAAS,CAACC,MAAM,CAACC,UAAU;EAChCb,kBAAkB,EAAEW,kBAAS,CAACC,MAAM;EACpCX,WAAW,EAAEU,kBAAS,CAACC,MAAM;EAC7BV,IAAI,EAAES,kBAAS,CAACC;AAClB,CAAC;AAAC,eAEaf,qBAAqB;AAAA"}
+{"version":3,"file":"index.js","names":["podcastWrapperStyle","default","style","podcastWrapper","cockpit","podcastWrapperCockpit","mobile","iframeStyle","iframe","iframeCockpit","ExternalContentViewer","props","url","backgroundImageUrl","contentType","mode","isPdf","includes","googleViewer","startsWith","bgPodcast","backgroundImage","podcast","propTypes","PropTypes","string","isRequired"],"sources":["../../../src/molecule/external-content-viewer/index.js"],"sourcesContent":["import React from 'react';\nimport startsWith from 'lodash/fp/startsWith';\nimport includes from 'lodash/fp/includes';\nimport PropTypes from 'prop-types';\nimport style from './style.css';\n\nconst podcastWrapperStyle = {\n  default: style.podcastWrapper,\n  cockpit: style.podcastWrapperCockpit,\n  mobile: style.podcastWrapper\n};\n\nconst iframeStyle = {\n  default: style.iframe,\n  cockpit: style.iframeCockpit,\n  mobile: style.iframe\n};\n\nfunction ExternalContentViewer(props) {\n  const {url, backgroundImageUrl, contentType, mode = 'default'} = props;\n  const isPdf = includes('.pdf', url);\n  const googleViewer = `https://docs.google.com/viewerng/viewer?embedded=true&url=${url}`;\n\n  return startsWith('audio', contentType) ? (\n    <div className={podcastWrapperStyle[mode]}>\n      <div\n        className={style.bgPodcast}\n        style={{backgroundImage: backgroundImageUrl && `url(${backgroundImageUrl})`}}\n      />\n      <audio\n        className={style.podcast}\n        controls\n        controlsList=\"nodownload\"\n        autoPlay=\"\"\n        name=\"media\"\n        data-name=\"external-content-podcast\"\n        preload=\"auto\"\n      >\n        <source src={url} type={contentType} />\n      </audio>\n    </div>\n  ) : (\n    <iframe\n      src={isPdf && mode === 'mobile' ? googleViewer : url}\n      frameBorder={0}\n      className={iframeStyle[mode]}\n      allowFullScreen\n      data-name=\"external-content-iframe\"\n    />\n  );\n}\n\nExternalContentViewer.propTypes = {\n  url: PropTypes.string.isRequired,\n  backgroundImageUrl: PropTypes.string,\n  contentType: PropTypes.string,\n  mode: PropTypes.string\n};\n\nexport default ExternalContentViewer;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,mBAAmB,GAAG;EAC1BC,OAAO,EAAEC,cAAA,CAAMC,cADW;EAE1BC,OAAO,EAAEF,cAAA,CAAMG,qBAFW;EAG1BC,MAAM,EAAEJ,cAAA,CAAMC;AAHY,CAA5B;AAMA,MAAMI,WAAW,GAAG;EAClBN,OAAO,EAAEC,cAAA,CAAMM,MADG;EAElBJ,OAAO,EAAEF,cAAA,CAAMO,aAFG;EAGlBH,MAAM,EAAEJ,cAAA,CAAMM;AAHI,CAApB;;AAMA,SAASE,qBAAT,CAA+BC,KAA/B,EAAsC;EACpC,MAAM;IAACC,GAAD;IAAMC,kBAAN;IAA0BC,WAA1B;IAAuCC,IAAI,GAAG;EAA9C,IAA2DJ,KAAjE;EACA,MAAMK,KAAK,GAAG,IAAAC,iBAAA,EAAS,MAAT,EAAiBL,GAAjB,CAAd;EACA,MAAMM,YAAY,GAAI,6DAA4DN,GAAI,EAAtF;EAEA,OAAO,IAAAO,mBAAA,EAAW,OAAX,EAAoBL,WAApB,iBACL;IAAK,SAAS,EAAEd,mBAAmB,CAACe,IAAD;EAAnC,gBACE;IACE,SAAS,EAAEb,cAAA,CAAMkB,SADnB;IAEE,KAAK,EAAE;MAACC,eAAe,EAAER,kBAAkB,IAAK,OAAMA,kBAAmB;IAAlE;EAFT,EADF,eAKE;IACE,SAAS,EAAEX,cAAA,CAAMoB,OADnB;IAEE,QAAQ,MAFV;IAGE,YAAY,EAAC,YAHf;IAIE,QAAQ,EAAC,EAJX;IAKE,IAAI,EAAC,OALP;IAME,aAAU,0BANZ;IAOE,OAAO,EAAC;EAPV,gBASE;IAAQ,GAAG,EAAEV,GAAb;IAAkB,IAAI,EAAEE;EAAxB,EATF,CALF,CADK,gBAmBL;IACE,GAAG,EAAEE,KAAK,IAAID,IAAI,KAAK,QAAlB,GAA6BG,YAA7B,GAA4CN,GADnD;IAEE,WAAW,EAAE,CAFf;IAGE,SAAS,EAAEL,WAAW,CAACQ,IAAD,CAHxB;IAIE,eAAe,MAJjB;IAKE,aAAU;EALZ,EAnBF;AA2BD;;AAEDL,qBAAqB,CAACa,SAAtB,2CAAkC;EAChCX,GAAG,EAAEY,kBAAA,CAAUC,MAAV,CAAiBC,UADU;EAEhCb,kBAAkB,EAAEW,kBAAA,CAAUC,MAFE;EAGhCX,WAAW,EAAEU,kBAAA,CAAUC,MAHS;EAIhCV,IAAI,EAAES,kBAAA,CAAUC;AAJgB,CAAlC;eAOef,qB"}

package/lib/molecule/feedback/index.js

@@ -2,18 +2,31 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _extend2 = _interopRequireDefault(require("lodash/fp/extend"));
+
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
+
 var _pipe2 = _interopRequireDefault(require("lodash/fp/pipe"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _resourcePlayer = _interopRequireWildcard(require("../resource-player"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 const Feedback = (props, context) => {
   const {
     media,
@@ -22,9 +35,11 @@ const Feedback = (props, context) => {
     description,
     mode = 'default'
   } = props;
+
   const resource = media && media.type && _extends({}, media, (0, _pipe2.default)((0, _get2.default)('src.0'), (0, _extend2.default)({
     description: mediaDescription
   }))(media));
+
   return (resource || title || description ? /*#__PURE__*/_react.default.createElement("div", {
     className: mode === 'scorm' ? _style.default.feedbackContainerScorm : null
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -33,8 +48,7 @@ const Feedback = (props, context) => {
     id: "feedback"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(_style.default.title, _style.default.innerHTML),
-    "data-name": "title"
-    // eslint-disable-next-line react/no-danger
+    "data-name": "title" // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: title
@@ -43,8 +57,7 @@ const Feedback = (props, context) => {
     className: _style.default.descWrapper
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(_style.default.description, _style.default.innerHTML),
-    "data-name": "description"
-    // eslint-disable-next-line react/no-danger
+    "data-name": "description" // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: description
@@ -54,14 +67,14 @@ const Feedback = (props, context) => {
     resource: resource
   }), /*#__PURE__*/_react.default.createElement("div", {
     "data-name": "mediaDescription",
-    className: (0, _classnames.default)(_style.default.mediaDescription, _style.default.innerHTML)
-    // eslint-disable-next-line react/no-danger
+    className: (0, _classnames.default)(_style.default.mediaDescription, _style.default.innerHTML) // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: mediaDescription
     }
   })) : null))) : null) || null;
 };
+
 Feedback.propTypes = process.env.NODE_ENV !== "production" ? {
   title: _propTypes.default.string,
   description: _propTypes.default.string,

package/lib/molecule/feedback/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Feedback","props","context","media","mediaDescription","title","description","mode","resource","type","style","feedbackContainerScorm","feedback","classnames","innerHTML","__html","descWrapper","resourcePlayer","propTypes","PropTypes","string","shape","oneOf","TYPE_IMAGE","TYPE_PDF","TYPE_VIDEO","TYPE_AUDIO","src","arrayOf","any"],"sources":["../../../src/molecule/feedback/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {pipe, get, extend} from 'lodash/fp';\nimport classnames from 'classnames';\nimport ResourcePlayer, {TYPE_IMAGE, TYPE_VIDEO, TYPE_PDF, TYPE_AUDIO} from '../resource-player';\nimport style from './style.css';\n\nconst Feedback = (props, context) => {\n  const {media, mediaDescription, title, description, mode = 'default'} = props;\n  const resource = media &&\n    media.type && {\n      ...media,\n      ...pipe(get('src.0'), extend({description: mediaDescription}))(media)\n    };\n\n  return (\n    (resource || title || description ? (\n      <div className={mode === 'scorm' ? style.feedbackContainerScorm : null}>\n        <div className={style.feedback} data-name=\"feedback\" id=\"feedback\">\n          <div\n            className={classnames(style.title, style.innerHTML)}\n            data-name=\"title\"\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: title}}\n          />\n          <div className={style.descWrapper}>\n            <div\n              className={classnames(style.description, style.innerHTML)}\n              data-name=\"description\"\n              // eslint-disable-next-line react/no-danger\n              dangerouslySetInnerHTML={{__html: description}}\n            />\n            {resource ? (\n              <div>\n                <ResourcePlayer className={style.resourcePlayer} resource={resource} />\n                <div\n                  data-name=\"mediaDescription\"\n                  className={classnames(style.mediaDescription, style.innerHTML)}\n                  // eslint-disable-next-line react/no-danger\n                  dangerouslySetInnerHTML={{__html: mediaDescription}}\n                />\n              </div>\n            ) : null}\n          </div>\n        </div>\n      </div>\n    ) : null) || null\n  );\n};\n\nFeedback.propTypes = {\n  title: PropTypes.string,\n  description: PropTypes.string,\n  media: PropTypes.shape({\n    type: PropTypes.oneOf([TYPE_IMAGE, TYPE_PDF, TYPE_VIDEO, TYPE_AUDIO]),\n    src: PropTypes.arrayOf(PropTypes.any)\n  }),\n  mediaDescription: PropTypes.string\n};\n\nexport default Feedback;\n"],"mappings":";;;;;;;AAAA;AACA;AAEA;AACA;AACA;AAAgC;AAAA;AAAA;AAAA;AAEhC,MAAMA,QAAQ,GAAG,CAACC,KAAK,EAAEC,OAAO,KAAK;EACnC,MAAM;IAACC,KAAK;IAAEC,gBAAgB;IAAEC,KAAK;IAAEC,WAAW;IAAEC,IAAI,GAAG;EAAS,CAAC,GAAGN,KAAK;EAC7E,MAAMO,QAAQ,GAAGL,KAAK,IACpBA,KAAK,CAACM,IAAI,iBACLN,KAAK,EACL,oBAAK,mBAAI,OAAO,CAAC,EAAE,sBAAO;IAACG,WAAW,EAAEF;EAAgB,CAAC,CAAC,CAAC,CAACD,KAAK,CAAC,CACtE;EAEH,OACE,CAACK,QAAQ,IAAIH,KAAK,IAAIC,WAAW,gBAC/B;IAAK,SAAS,EAAEC,IAAI,KAAK,OAAO,GAAGG,cAAK,CAACC,sBAAsB,GAAG;EAAK,gBACrE;IAAK,SAAS,EAAED,cAAK,CAACE,QAAS;IAAC,aAAU,UAAU;IAAC,EAAE,EAAC;EAAU,gBAChE;IACE,SAAS,EAAE,IAAAC,mBAAU,EAACH,cAAK,CAACL,KAAK,EAAEK,cAAK,CAACI,SAAS,CAAE;IACpD,aAAU;IACV;IAAA;IACA,uBAAuB,EAAE;MAACC,MAAM,EAAEV;IAAK;EAAE,EACzC,eACF;IAAK,SAAS,EAAEK,cAAK,CAACM;EAAY,gBAChC;IACE,SAAS,EAAE,IAAAH,mBAAU,EAACH,cAAK,CAACJ,WAAW,EAAEI,cAAK,CAACI,SAAS,CAAE;IAC1D,aAAU;IACV;IAAA;IACA,uBAAuB,EAAE;MAACC,MAAM,EAAET;IAAW;EAAE,EAC/C,EACDE,QAAQ,gBACP,uDACE,6BAAC,uBAAc;IAAC,SAAS,EAAEE,cAAK,CAACO,cAAe;IAAC,QAAQ,EAAET;EAAS,EAAG,eACvE;IACE,aAAU,kBAAkB;IAC5B,SAAS,EAAE,IAAAK,mBAAU,EAACH,cAAK,CAACN,gBAAgB,EAAEM,cAAK,CAACI,SAAS;IAC7D;IAAA;IACA,uBAAuB,EAAE;MAACC,MAAM,EAAEX;IAAgB;EAAE,EACpD,CACE,GACJ,IAAI,CACJ,CACF,CACF,GACJ,IAAI,KAAK,IAAI;AAErB,CAAC;AAEDJ,QAAQ,CAACkB,SAAS,2CAAG;EACnBb,KAAK,EAAEc,kBAAS,CAACC,MAAM;EACvBd,WAAW,EAAEa,kBAAS,CAACC,MAAM;EAC7BjB,KAAK,EAAEgB,kBAAS,CAACE,KAAK,CAAC;IACrBZ,IAAI,EAAEU,kBAAS,CAACG,KAAK,CAAC,CAACC,0BAAU,EAAEC,wBAAQ,EAAEC,0BAAU,EAAEC,0BAAU,CAAC,CAAC;IACrEC,GAAG,EAAER,kBAAS,CAACS,OAAO,CAACT,kBAAS,CAACU,GAAG;EACtC,CAAC,CAAC;EACFzB,gBAAgB,EAAEe,kBAAS,CAACC;AAC9B,CAAC;AAAC,eAEapB,QAAQ;AAAA"}
+{"version":3,"file":"index.js","names":["Feedback","props","context","media","mediaDescription","title","description","mode","resource","type","style","feedbackContainerScorm","feedback","classnames","innerHTML","__html","descWrapper","resourcePlayer","propTypes","PropTypes","string","shape","oneOf","TYPE_IMAGE","TYPE_PDF","TYPE_VIDEO","TYPE_AUDIO","src","arrayOf","any"],"sources":["../../../src/molecule/feedback/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {pipe, get, extend} from 'lodash/fp';\nimport classnames from 'classnames';\nimport ResourcePlayer, {TYPE_IMAGE, TYPE_VIDEO, TYPE_PDF, TYPE_AUDIO} from '../resource-player';\nimport style from './style.css';\n\nconst Feedback = (props, context) => {\n  const {media, mediaDescription, title, description, mode = 'default'} = props;\n  const resource = media &&\n    media.type && {\n      ...media,\n      ...pipe(get('src.0'), extend({description: mediaDescription}))(media)\n    };\n\n  return (\n    (resource || title || description ? (\n      <div className={mode === 'scorm' ? style.feedbackContainerScorm : null}>\n        <div className={style.feedback} data-name=\"feedback\" id=\"feedback\">\n          <div\n            className={classnames(style.title, style.innerHTML)}\n            data-name=\"title\"\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: title}}\n          />\n          <div className={style.descWrapper}>\n            <div\n              className={classnames(style.description, style.innerHTML)}\n              data-name=\"description\"\n              // eslint-disable-next-line react/no-danger\n              dangerouslySetInnerHTML={{__html: description}}\n            />\n            {resource ? (\n              <div>\n                <ResourcePlayer className={style.resourcePlayer} resource={resource} />\n                <div\n                  data-name=\"mediaDescription\"\n                  className={classnames(style.mediaDescription, style.innerHTML)}\n                  // eslint-disable-next-line react/no-danger\n                  dangerouslySetInnerHTML={{__html: mediaDescription}}\n                />\n              </div>\n            ) : null}\n          </div>\n        </div>\n      </div>\n    ) : null) || null\n  );\n};\n\nFeedback.propTypes = {\n  title: PropTypes.string,\n  description: PropTypes.string,\n  media: PropTypes.shape({\n    type: PropTypes.oneOf([TYPE_IMAGE, TYPE_PDF, TYPE_VIDEO, TYPE_AUDIO]),\n    src: PropTypes.arrayOf(PropTypes.any)\n  }),\n  mediaDescription: PropTypes.string\n};\n\nexport default Feedback;\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,QAAQ,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACnC,MAAM;IAACC,KAAD;IAAQC,gBAAR;IAA0BC,KAA1B;IAAiCC,WAAjC;IAA8CC,IAAI,GAAG;EAArD,IAAkEN,KAAxE;;EACA,MAAMO,QAAQ,GAAGL,KAAK,IACpBA,KAAK,CAACM,IADS,iBAEVN,KAFU,EAGV,oBAAK,mBAAI,OAAJ,CAAL,EAAmB,sBAAO;IAACG,WAAW,EAAEF;EAAd,CAAP,CAAnB,EAA4DD,KAA5D,CAHU,CAAjB;;EAMA,OACE,CAACK,QAAQ,IAAIH,KAAZ,IAAqBC,WAArB,gBACC;IAAK,SAAS,EAAEC,IAAI,KAAK,OAAT,GAAmBG,cAAA,CAAMC,sBAAzB,GAAkD;EAAlE,gBACE;IAAK,SAAS,EAAED,cAAA,CAAME,QAAtB;IAAgC,aAAU,UAA1C;IAAqD,EAAE,EAAC;EAAxD,gBACE;IACE,SAAS,EAAE,IAAAC,mBAAA,EAAWH,cAAA,CAAML,KAAjB,EAAwBK,cAAA,CAAMI,SAA9B,CADb;IAEE,aAAU,OAFZ,CAGE;IAHF;IAIE,uBAAuB,EAAE;MAACC,MAAM,EAAEV;IAAT;EAJ3B,EADF,eAOE;IAAK,SAAS,EAAEK,cAAA,CAAMM;EAAtB,gBACE;IACE,SAAS,EAAE,IAAAH,mBAAA,EAAWH,cAAA,CAAMJ,WAAjB,EAA8BI,cAAA,CAAMI,SAApC,CADb;IAEE,aAAU,aAFZ,CAGE;IAHF;IAIE,uBAAuB,EAAE;MAACC,MAAM,EAAET;IAAT;EAJ3B,EADF,EAOGE,QAAQ,gBACP,uDACE,6BAAC,uBAAD;IAAgB,SAAS,EAAEE,cAAA,CAAMO,cAAjC;IAAiD,QAAQ,EAAET;EAA3D,EADF,eAEE;IACE,aAAU,kBADZ;IAEE,SAAS,EAAE,IAAAK,mBAAA,EAAWH,cAAA,CAAMN,gBAAjB,EAAmCM,cAAA,CAAMI,SAAzC,CAFb,CAGE;IAHF;IAIE,uBAAuB,EAAE;MAACC,MAAM,EAAEX;IAAT;EAJ3B,EAFF,CADO,GAUL,IAjBN,CAPF,CADF,CADD,GA8BG,IA9BJ,KA8Ba,IA/Bf;AAiCD,CAzCD;;AA2CAJ,QAAQ,CAACkB,SAAT,2CAAqB;EACnBb,KAAK,EAAEc,kBAAA,CAAUC,MADE;EAEnBd,WAAW,EAAEa,kBAAA,CAAUC,MAFJ;EAGnBjB,KAAK,EAAEgB,kBAAA,CAAUE,KAAV,CAAgB;IACrBZ,IAAI,EAAEU,kBAAA,CAAUG,KAAV,CAAgB,CAACC,0BAAD,EAAaC,wBAAb,EAAuBC,0BAAvB,EAAmCC,0BAAnC,CAAhB,CADe;IAErBC,GAAG,EAAER,kBAAA,CAAUS,OAAV,CAAkBT,kBAAA,CAAUU,GAA5B;EAFgB,CAAhB,CAHY;EAOnBzB,gBAAgB,EAAEe,kBAAA,CAAUC;AAPT,CAArB;eAUepB,Q"}

package/lib/molecule/filters/filters-wrapper.js

@@ -2,29 +2,44 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _map2 = _interopRequireDefault(require("lodash/fp/map"));
+
 var _isEmpty2 = _interopRequireDefault(require("lodash/fp/isEmpty"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _select = _interopRequireDefault(require("../../atom/select"));
+
 var _inputSwitch = _interopRequireDefault(require("../../atom/input-switch"));
+
 var _radioGroup = _interopRequireDefault(require("../../atom/radio-group"));
+
 var _range = _interopRequireDefault(require("../../atom/range"));
+
 var _filtersWapper = _interopRequireDefault(require("./filters-wapper.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 const FiltersWapper = (props, context) => {
   const {
     filters,
     className,
     filterGroupAriaLabel
   } = props;
+
   const buildFilter = (filter, idx) => {
     const {
       type,
       fieldName
     } = filter;
+
     switch (type) {
       case 'select':
         return /*#__PURE__*/_react.default.createElement("div", {
@@ -33,6 +48,7 @@ const FiltersWapper = (props, context) => {
           className: _filtersWapper.default.choice,
           key: idx
         }, /*#__PURE__*/_react.default.createElement(_select.default, filter));
+
       case 'radio':
         return /*#__PURE__*/_react.default.createElement("div", {
           "data-name": "choice",
@@ -44,6 +60,7 @@ const FiltersWapper = (props, context) => {
         }, filter.title), /*#__PURE__*/_react.default.createElement(_radioGroup.default, _extends({}, filter, {
           className: _filtersWapper.default.radioGroup
         })));
+
       case 'range':
         return /*#__PURE__*/_react.default.createElement("div", {
           "data-name": "choice",
@@ -55,6 +72,7 @@ const FiltersWapper = (props, context) => {
         }, filter.title), /*#__PURE__*/_react.default.createElement("p", {
           className: _filtersWapper.default.timerSubtitle
         }, filter.subtitle), /*#__PURE__*/_react.default.createElement(_range.default, filter)));
+
       case 'switch':
         return /*#__PURE__*/_react.default.createElement("div", {
           "data-name": "choice",
@@ -66,13 +84,16 @@ const FiltersWapper = (props, context) => {
         }, filter.title), /*#__PURE__*/_react.default.createElement("div", {
           className: _filtersWapper.default.toggle
         }, /*#__PURE__*/_react.default.createElement(_inputSwitch.default, filter.display)));
+
       default:
         return null;
     }
   };
+
   const filtersList = _map2.default.convert({
     cap: false
   })(buildFilter, filters);
+
   const emptyFilters = (0, _isEmpty2.default)(filters);
   return /*#__PURE__*/_react.default.createElement("form", null, /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(className, emptyFilters ? _filtersWapper.default.wrapperNone : _filtersWapper.default.wrapper),
@@ -80,6 +101,7 @@ const FiltersWapper = (props, context) => {
     "aria-label": filterGroupAriaLabel
   }, filtersList));
 };
+
 FiltersWapper.propTypes = process.env.NODE_ENV !== "production" ? {
   className: _propTypes.default.string,
   filters: _propTypes.default.arrayOf(_propTypes.default.shape({

package/lib/molecule/filters/filters-wrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"filters-wrapper.js","names":["FiltersWapper","props","context","filters","className","filterGroupAriaLabel","buildFilter","filter","idx","type","fieldName","style","choice","title","radioGroup","timerWrapper","timerSubtitle","subtitle","toggle","display","filtersList","convert","cap","emptyFilters","classnames","wrapperNone","wrapper","propTypes","PropTypes","string","arrayOf","shape","oneOf","isRequired"],"sources":["../../../src/molecule/filters/filters-wrapper.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty, map} from 'lodash/fp';\nimport classnames from 'classnames';\nimport Select from '../../atom/select';\nimport InputSwitch from '../../atom/input-switch';\nimport RadioGroup from '../../atom/radio-group';\nimport RangeSlider from '../../atom/range';\nimport style from './filters-wapper.css';\n\nconst FiltersWapper = (props, context) => {\n  const {filters, className, filterGroupAriaLabel} = props;\n\n  const buildFilter = (filter, idx) => {\n    const {type, fieldName} = filter;\n    switch (type) {\n      case 'select':\n        return (\n          <div data-name=\"choice\" data-filter-type={fieldName} className={style.choice} key={idx}>\n            <Select {...filter} />\n          </div>\n        );\n      case 'radio':\n        return (\n          <div data-name=\"choice\" data-filter-type={fieldName} className={style.choice} key={idx}>\n            <p className={style.title}>{filter.title}</p>\n            <RadioGroup {...filter} className={style.radioGroup} />\n          </div>\n        );\n      case 'range':\n        return (\n          <div\n            data-name=\"choice\"\n            data-filter-type={fieldName}\n            className={style.timerWrapper}\n            key={idx}\n          >\n            <label>\n              <span className={style.title}>{filter.title}</span>\n              <p className={style.timerSubtitle}>{filter.subtitle}</p>\n              <RangeSlider {...filter} />\n            </label>\n          </div>\n        );\n      case 'switch':\n        return (\n          <div data-name=\"choice\" data-filter-type={fieldName} className={style.choice} key={idx}>\n            <p className={style.title}>{filter.title}</p>\n            <div className={style.toggle}>\n              <InputSwitch {...filter.display} />\n            </div>\n          </div>\n        );\n      default:\n        return null;\n    }\n  };\n\n  const filtersList = map.convert({cap: false})(buildFilter, filters);\n  const emptyFilters = isEmpty(filters);\n  return (\n    <form>\n      <div\n        className={classnames(className, emptyFilters ? style.wrapperNone : style.wrapper)}\n        role=\"group\"\n        aria-label={filterGroupAriaLabel}\n      >\n        {filtersList}\n      </div>\n    </form>\n  );\n};\n\nFiltersWapper.propTypes = {\n  className: PropTypes.string,\n  filters: PropTypes.arrayOf(\n    PropTypes.shape({\n      type: PropTypes.oneOf(['select', 'range', 'radio', 'switch']).isRequired,\n      fieldName: PropTypes.string.isRequired\n    })\n  ),\n  filterGroupAriaLabel: PropTypes.string\n};\nexport default FiltersWapper;\n"],"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAyC;AAAA;AAEzC,MAAMA,aAAa,GAAG,CAACC,KAAK,EAAEC,OAAO,KAAK;EACxC,MAAM;IAACC,OAAO;IAAEC,SAAS;IAAEC;EAAoB,CAAC,GAAGJ,KAAK;EAExD,MAAMK,WAAW,GAAG,CAACC,MAAM,EAAEC,GAAG,KAAK;IACnC,MAAM;MAACC,IAAI;MAAEC;IAAS,CAAC,GAAGH,MAAM;IAChC,QAAQE,IAAI;MACV,KAAK,QAAQ;QACX,oBACE;UAAK,aAAU,QAAQ;UAAC,oBAAkBC,SAAU;UAAC,SAAS,EAAEC,sBAAK,CAACC,MAAO;UAAC,GAAG,EAAEJ;QAAI,gBACrF,6BAAC,eAAM,EAAKD,MAAM,CAAI,CAClB;MAEV,KAAK,OAAO;QACV,oBACE;UAAK,aAAU,QAAQ;UAAC,oBAAkBG,SAAU;UAAC,SAAS,EAAEC,sBAAK,CAACC,MAAO;UAAC,GAAG,EAAEJ;QAAI,gBACrF;UAAG,SAAS,EAAEG,sBAAK,CAACE;QAAM,GAAEN,MAAM,CAACM,KAAK,CAAK,eAC7C,6BAAC,mBAAU,eAAKN,MAAM;UAAE,SAAS,EAAEI,sBAAK,CAACG;QAAW,GAAG,CACnD;MAEV,KAAK,OAAO;QACV,oBACE;UACE,aAAU,QAAQ;UAClB,oBAAkBJ,SAAU;UAC5B,SAAS,EAAEC,sBAAK,CAACI,YAAa;UAC9B,GAAG,EAAEP;QAAI,gBAET,yDACE;UAAM,SAAS,EAAEG,sBAAK,CAACE;QAAM,GAAEN,MAAM,CAACM,KAAK,CAAQ,eACnD;UAAG,SAAS,EAAEF,sBAAK,CAACK;QAAc,GAAET,MAAM,CAACU,QAAQ,CAAK,eACxD,6BAAC,cAAW,EAAKV,MAAM,CAAI,CACrB,CACJ;MAEV,KAAK,QAAQ;QACX,oBACE;UAAK,aAAU,QAAQ;UAAC,oBAAkBG,SAAU;UAAC,SAAS,EAAEC,sBAAK,CAACC,MAAO;UAAC,GAAG,EAAEJ;QAAI,gBACrF;UAAG,SAAS,EAAEG,sBAAK,CAACE;QAAM,GAAEN,MAAM,CAACM,KAAK,CAAK,eAC7C;UAAK,SAAS,EAAEF,sBAAK,CAACO;QAAO,gBAC3B,6BAAC,oBAAW,EAAKX,MAAM,CAACY,OAAO,CAAI,CAC/B,CACF;MAEV;QACE,OAAO,IAAI;IAAC;EAElB,CAAC;EAED,MAAMC,WAAW,GAAG,cAAIC,OAAO,CAAC;IAACC,GAAG,EAAE;EAAK,CAAC,CAAC,CAAChB,WAAW,EAAEH,OAAO,CAAC;EACnE,MAAMoB,YAAY,GAAG,uBAAQpB,OAAO,CAAC;EACrC,oBACE,wDACE;IACE,SAAS,EAAE,IAAAqB,mBAAU,EAACpB,SAAS,EAAEmB,YAAY,GAAGZ,sBAAK,CAACc,WAAW,GAAGd,sBAAK,CAACe,OAAO,CAAE;IACnF,IAAI,EAAC,OAAO;IACZ,cAAYrB;EAAqB,GAEhCe,WAAW,CACR,CACD;AAEX,CAAC;AAEDpB,aAAa,CAAC2B,SAAS,2CAAG;EACxBvB,SAAS,EAAEwB,kBAAS,CAACC,MAAM;EAC3B1B,OAAO,EAAEyB,kBAAS,CAACE,OAAO,CACxBF,kBAAS,CAACG,KAAK,CAAC;IACdtB,IAAI,EAAEmB,kBAAS,CAACI,KAAK,CAAC,CAAC,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAACC,UAAU;IACxEvB,SAAS,EAAEkB,kBAAS,CAACC,MAAM,CAACI;EAC9B,CAAC,CAAC,CACH;EACD5B,oBAAoB,EAAEuB,kBAAS,CAACC;AAClC,CAAC;AAAC,eACa7B,aAAa;AAAA"}
+{"version":3,"file":"filters-wrapper.js","names":["FiltersWapper","props","context","filters","className","filterGroupAriaLabel","buildFilter","filter","idx","type","fieldName","style","choice","title","radioGroup","timerWrapper","timerSubtitle","subtitle","toggle","display","filtersList","convert","cap","emptyFilters","classnames","wrapperNone","wrapper","propTypes","PropTypes","string","arrayOf","shape","oneOf","isRequired"],"sources":["../../../src/molecule/filters/filters-wrapper.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty, map} from 'lodash/fp';\nimport classnames from 'classnames';\nimport Select from '../../atom/select';\nimport InputSwitch from '../../atom/input-switch';\nimport RadioGroup from '../../atom/radio-group';\nimport RangeSlider from '../../atom/range';\nimport style from './filters-wapper.css';\n\nconst FiltersWapper = (props, context) => {\n  const {filters, className, filterGroupAriaLabel} = props;\n\n  const buildFilter = (filter, idx) => {\n    const {type, fieldName} = filter;\n    switch (type) {\n      case 'select':\n        return (\n          <div data-name=\"choice\" data-filter-type={fieldName} className={style.choice} key={idx}>\n            <Select {...filter} />\n          </div>\n        );\n      case 'radio':\n        return (\n          <div data-name=\"choice\" data-filter-type={fieldName} className={style.choice} key={idx}>\n            <p className={style.title}>{filter.title}</p>\n            <RadioGroup {...filter} className={style.radioGroup} />\n          </div>\n        );\n      case 'range':\n        return (\n          <div\n            data-name=\"choice\"\n            data-filter-type={fieldName}\n            className={style.timerWrapper}\n            key={idx}\n          >\n            <label>\n              <span className={style.title}>{filter.title}</span>\n              <p className={style.timerSubtitle}>{filter.subtitle}</p>\n              <RangeSlider {...filter} />\n            </label>\n          </div>\n        );\n      case 'switch':\n        return (\n          <div data-name=\"choice\" data-filter-type={fieldName} className={style.choice} key={idx}>\n            <p className={style.title}>{filter.title}</p>\n            <div className={style.toggle}>\n              <InputSwitch {...filter.display} />\n            </div>\n          </div>\n        );\n      default:\n        return null;\n    }\n  };\n\n  const filtersList = map.convert({cap: false})(buildFilter, filters);\n  const emptyFilters = isEmpty(filters);\n  return (\n    <form>\n      <div\n        className={classnames(className, emptyFilters ? style.wrapperNone : style.wrapper)}\n        role=\"group\"\n        aria-label={filterGroupAriaLabel}\n      >\n        {filtersList}\n      </div>\n    </form>\n  );\n};\n\nFiltersWapper.propTypes = {\n  className: PropTypes.string,\n  filters: PropTypes.arrayOf(\n    PropTypes.shape({\n      type: PropTypes.oneOf(['select', 'range', 'radio', 'switch']).isRequired,\n      fieldName: PropTypes.string.isRequired\n    })\n  ),\n  filterGroupAriaLabel: PropTypes.string\n};\nexport default FiltersWapper;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,aAAa,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACxC,MAAM;IAACC,OAAD;IAAUC,SAAV;IAAqBC;EAArB,IAA6CJ,KAAnD;;EAEA,MAAMK,WAAW,GAAG,CAACC,MAAD,EAASC,GAAT,KAAiB;IACnC,MAAM;MAACC,IAAD;MAAOC;IAAP,IAAoBH,MAA1B;;IACA,QAAQE,IAAR;MACE,KAAK,QAAL;QACE,oBACE;UAAK,aAAU,QAAf;UAAwB,oBAAkBC,SAA1C;UAAqD,SAAS,EAAEC,sBAAA,CAAMC,MAAtE;UAA8E,GAAG,EAAEJ;QAAnF,gBACE,6BAAC,eAAD,EAAYD,MAAZ,CADF,CADF;;MAKF,KAAK,OAAL;QACE,oBACE;UAAK,aAAU,QAAf;UAAwB,oBAAkBG,SAA1C;UAAqD,SAAS,EAAEC,sBAAA,CAAMC,MAAtE;UAA8E,GAAG,EAAEJ;QAAnF,gBACE;UAAG,SAAS,EAAEG,sBAAA,CAAME;QAApB,GAA4BN,MAAM,CAACM,KAAnC,CADF,eAEE,6BAAC,mBAAD,eAAgBN,MAAhB;UAAwB,SAAS,EAAEI,sBAAA,CAAMG;QAAzC,GAFF,CADF;;MAMF,KAAK,OAAL;QACE,oBACE;UACE,aAAU,QADZ;UAEE,oBAAkBJ,SAFpB;UAGE,SAAS,EAAEC,sBAAA,CAAMI,YAHnB;UAIE,GAAG,EAAEP;QAJP,gBAME,yDACE;UAAM,SAAS,EAAEG,sBAAA,CAAME;QAAvB,GAA+BN,MAAM,CAACM,KAAtC,CADF,eAEE;UAAG,SAAS,EAAEF,sBAAA,CAAMK;QAApB,GAAoCT,MAAM,CAACU,QAA3C,CAFF,eAGE,6BAAC,cAAD,EAAiBV,MAAjB,CAHF,CANF,CADF;;MAcF,KAAK,QAAL;QACE,oBACE;UAAK,aAAU,QAAf;UAAwB,oBAAkBG,SAA1C;UAAqD,SAAS,EAAEC,sBAAA,CAAMC,MAAtE;UAA8E,GAAG,EAAEJ;QAAnF,gBACE;UAAG,SAAS,EAAEG,sBAAA,CAAME;QAApB,GAA4BN,MAAM,CAACM,KAAnC,CADF,eAEE;UAAK,SAAS,EAAEF,sBAAA,CAAMO;QAAtB,gBACE,6BAAC,oBAAD,EAAiBX,MAAM,CAACY,OAAxB,CADF,CAFF,CADF;;MAQF;QACE,OAAO,IAAP;IAvCJ;EAyCD,CA3CD;;EA6CA,MAAMC,WAAW,GAAG,cAAIC,OAAJ,CAAY;IAACC,GAAG,EAAE;EAAN,CAAZ,EAA0BhB,WAA1B,EAAuCH,OAAvC,CAApB;;EACA,MAAMoB,YAAY,GAAG,uBAAQpB,OAAR,CAArB;EACA,oBACE,wDACE;IACE,SAAS,EAAE,IAAAqB,mBAAA,EAAWpB,SAAX,EAAsBmB,YAAY,GAAGZ,sBAAA,CAAMc,WAAT,GAAuBd,sBAAA,CAAMe,OAA/D,CADb;IAEE,IAAI,EAAC,OAFP;IAGE,cAAYrB;EAHd,GAKGe,WALH,CADF,CADF;AAWD,CA7DD;;AA+DApB,aAAa,CAAC2B,SAAd,2CAA0B;EACxBvB,SAAS,EAAEwB,kBAAA,CAAUC,MADG;EAExB1B,OAAO,EAAEyB,kBAAA,CAAUE,OAAV,CACPF,kBAAA,CAAUG,KAAV,CAAgB;IACdtB,IAAI,EAAEmB,kBAAA,CAAUI,KAAV,CAAgB,CAAC,QAAD,EAAW,OAAX,EAAoB,OAApB,EAA6B,QAA7B,CAAhB,EAAwDC,UADhD;IAEdvB,SAAS,EAAEkB,kBAAA,CAAUC,MAAV,CAAiBI;EAFd,CAAhB,CADO,CAFe;EAQxB5B,oBAAoB,EAAEuB,kBAAA,CAAUC;AARR,CAA1B;eAUe7B,a"}

package/lib/molecule/filters/index.js

@@ -2,15 +2,25 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _select = _interopRequireDefault(require("../../atom/select"));
+
 var _provider = _interopRequireDefault(require("../../atom/provider"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 var _filtersWrapper = _interopRequireDefault(require("./filters-wrapper"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 class Filters extends _react.default.Component {
   constructor(props) {
     super(props);
@@ -22,6 +32,7 @@ class Filters extends _react.default.Component {
     this.handleOpenSort = this.handleOpenSort.bind(this);
     this.handleSearch = this.handleSearch.bind(this);
   }
+
   handleOpenFilter() {
     const {
       filter
@@ -34,10 +45,12 @@ class Filters extends _react.default.Component {
       filter: newValue,
       sorted: false
     });
+
     if (onToggleFilters) {
       onToggleFilters(newValue);
     }
   }
+
   handleOpenSort() {
     const {
       sorted
@@ -52,6 +65,7 @@ class Filters extends _react.default.Component {
     });
     if (onToggleSorts) onToggleSorts(newValue);
   }
+
   handleSearch() {
     const {
       onSearch
@@ -62,6 +76,7 @@ class Filters extends _react.default.Component {
     });
     if (onSearch) onSearch();
   }
+
   render() {
     const {
       sorting,
@@ -146,7 +161,9 @@ class Filters extends _react.default.Component {
       onClick: this.handleSearch
     }, sortCTALabel)));
   }
+
 }
+
 Filters.contextTypes = {
   skin: _provider.default.childContextTypes.skin
 };