ublo-lib 1.12.0 → 1.12.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,2 +1,3 @@
1
- export declare const loadJS: (url: string, id: string) => Promise<unknown>;
1
+ export declare function loadJS(url: string, id: string): Promise<unknown>;
2
+ export default loadJS;
2
3
  //# sourceMappingURL=load-js.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"load-js.d.ts","sourceRoot":"","sources":["../../../src/common/utils/load-js.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM,QAAS,MAAM,MAAM,MAAM,qBAU7C,CAAC"}
1
+ {"version":3,"file":"load-js.d.ts","sourceRoot":"","sources":["../../../src/common/utils/load-js.ts"],"names":[],"mappings":"AAAA,wBAAgB,MAAM,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,oBAU7C;AAED,eAAe,MAAM,CAAC"}
@@ -1,4 +1,4 @@
1
- export const loadJS = (url, id) => {
1
+ export function loadJS(url, id) {
2
2
  const script = document.getElementById(id);
3
3
  if (script)
4
4
  return Promise.resolve();
@@ -9,4 +9,5 @@ export const loadJS = (url, id) => {
9
9
  el.onload = resolve;
10
10
  document.body.appendChild(el);
11
11
  });
12
- };
12
+ }
13
+ export default loadJS;
@@ -1 +1 @@
1
- {"version":3,"file":"parcours-esf.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/parcours-esf/parcours-esf.tsx"],"names":[],"mappings":";AAMA,aAAK,KAAK,GAAG;IACX,QAAQ,EAAE,OAAO,GAAG,QAAQ,GAAG,WAAW,CAAC;IAC3C,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,aAAa,EAAE,MAAM,EAAE,CAAC;CACzB,CAAC;AAIF,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,QAAQ,EACR,WAAgB,EAChB,YAAiB,EACjB,aAAkB,GACnB,EAAE,KAAK,eA8CP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,WAAW,EAAE,GAAG,CAAC;KAClB;CACF"}
1
+ {"version":3,"file":"parcours-esf.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/parcours-esf/parcours-esf.tsx"],"names":[],"mappings":";AAMA,aAAK,KAAK,GAAG;IACX,QAAQ,EAAE,OAAO,GAAG,QAAQ,GAAG,WAAW,CAAC;IAC3C,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,aAAa,EAAE,MAAM,EAAE,CAAC;CACzB,CAAC;AAIF,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,QAAQ,EACR,WAAgB,EAChB,YAAiB,EACjB,aAAkB,GACnB,EAAE,KAAK,eAmCP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,WAAW,EAAE,GAAG,CAAC;KAClB;CACF"}
@@ -1,8 +1,8 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
1
+ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import * as React from "react";
3
3
  import { useUbloContext } from "ublo/with-ublo";
4
4
  import Loader from "dt-design-system/es/loader";
5
- import { loadJS } from "../../../common/utils/load-js";
5
+ import Script from "next/script";
6
6
  import css from "./parcours-esf.module.css";
7
7
  const ID = "parcours-esf";
8
8
  export default function ParcoursEsf({ parcours, constraints = [], noeudsExclus = [], niveauxExclus = [], }) {
@@ -10,32 +10,18 @@ export default function ParcoursEsf({ parcours, constraints = [], noeudsExclus =
10
10
  const [loaded, setLoaded] = React.useState(false);
11
11
  // const parcoursLang = lang === "fr" ? "fr" : "en";
12
12
  const parcoursLang = lang === "fr" ? "fr" : "fr"; // seul le fr est pris en charge pour le moment
13
- React.useEffect(() => {
14
- if (!loaded) {
15
- const loadParcours = async () => {
16
- await loadJS("https://parcours-esf.msem.tech/static/js/widget-esf-parcours.js", "parcours-esf-script");
17
- window.EsfParcours.onLoad(() => window.EsfParcours.start({
18
- groundedTo: `#${ID}`,
19
- lang: parcoursLang,
20
- parcours,
21
- constraints,
22
- noeudsExclus,
23
- niveauxExclus,
24
- }));
25
- setLoaded(true);
26
- };
27
- loadParcours();
28
- }
29
- }, [
30
- constraints,
31
- loaded,
32
- niveauxExclus,
33
- noeudsExclus,
34
- parcours,
35
- parcoursLang,
36
- ]);
37
- if (!loaded) {
38
- return (_jsx("div", { className: css.loader, children: _jsx(Loader, {}) }));
39
- }
40
- return _jsx("div", { id: ID, className: css.parcours });
13
+ const startParcours = () => {
14
+ window.EsfParcours.onLoad(() => {
15
+ setLoaded(true);
16
+ window.EsfParcours.start({
17
+ groundedTo: `#${ID}`,
18
+ lang: parcoursLang,
19
+ parcours,
20
+ constraints,
21
+ noeudsExclus,
22
+ niveauxExclus,
23
+ });
24
+ });
25
+ };
26
+ return (_jsxs(_Fragment, { children: [!loaded && (_jsx("div", { className: css.loader, children: _jsx(Loader, {}) })), _jsx("div", { id: ID, className: css.parcours }), _jsx(Script, { src: "https://parcours-esf.msem.tech/static/js/widget-esf-parcours.js", onLoad: startParcours })] }));
41
27
  }
@@ -4,6 +4,10 @@
4
4
  height: 700px;
5
5
  }
6
6
 
7
+ .parcours:empty {
8
+ display: none;
9
+ }
10
+
7
11
  .loader {
8
12
  width: 100%;
9
13
  height: 700px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ublo-lib",
3
- "version": "1.12.0",
3
+ "version": "1.12.2",
4
4
  "peerDependencies": {
5
5
  "dt-design-system": "^2.1.0",
6
6
  "leaflet": "^1.9.1",