ublo-lib 1.41.0 → 1.41.1

package/es/common/components/editable-map/utils/file-manager.js

@@ -0,0 +1,29 @@
+import loadJS from "../../../utils/load-js";
+export async function load(changed, width, height) {
+    const config = getConfig();
+    await loadJS(config.fileManagerURL, "file-picker");
+    window.openFileManager({
+        fileChanged: (result) => {
+            return changed(fileChanged(result.path));
+        },
+        fileManagerAPIURL: config.fileManagerAPIURL,
+        token: config.fileManagerToken,
+        width,
+        height,
+    });
+}
+function fileChanged(path) {
+    const config = getConfig();
+    return config.fileManagerAssets.concat(path);
+}
+function getConfig() {
+    const { cdn, filemanager } = window.CmsConfig;
+    const { token, url } = filemanager;
+    const urlPrefix = cdn !== undefined ? cdn : "/assets";
+    return {
+        fileManagerToken: token,
+        fileManagerURL: `${url}/static/js/file-manager.js`,
+        fileManagerAPIURL: `${url}`,
+        fileManagerAssets: urlPrefix,
+    };
+}

package/es/common/utils/file-manager.d.ts

@@ -1,6 +1,7 @@
 declare global {
     interface Window {
         CmsConfig: {
+            cdn: string;
             filemanager: {
                 url: string;
                 token: string;

package/es/common/utils/file-manager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"file-manager.d.ts","sourceRoot":"","sources":["../../../src/common/utils/file-manager.ts"],"names":[],"mappings":"AAEA,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,SAAS,EAAE;YACT,WAAW,EAAE;gBACX,GAAG,EAAE,MAAM,CAAC;gBACZ,KAAK,EAAE,MAAM,CAAC;aACf,CAAC;SACH,CAAC;QACF,eAAe,EAAE,GAAG,CAAC;KACtB;CACF;AAED,eAAO,MAAM,eAAe,gBAAsB,OAAO,kBASxD,CAAC"}
+{"version":3,"file":"file-manager.d.ts","sourceRoot":"","sources":["../../../src/common/utils/file-manager.ts"],"names":[],"mappings":"AAEA,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,SAAS,EAAE;YACT,GAAG,EAAE,MAAM,CAAC;YACZ,WAAW,EAAE;gBACX,GAAG,EAAE,MAAM,CAAC;gBACZ,KAAK,EAAE,MAAM,CAAC;aACf,CAAC;SACH,CAAC;QACF,eAAe,EAAE,GAAG,CAAC;KACtB;CACF;AAED,eAAO,MAAM,eAAe,gBAAsB,OAAO,kBASxD,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ublo-lib",
-  "version": "1.41.0",
+  "version": "1.41.1",
   "peerDependencies": {
     "dt-design-system": "^3.10.8",
     "leaflet": "^1.9.1",

package/es/common/components/editable-map/helper.d.ts

@@ -1,2 +0,0 @@
-export default function Helper(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=helper.d.ts.map

package/es/common/components/editable-map/helper.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"helper.d.ts","sourceRoot":"","sources":["../../../../src/common/components/editable-map/helper.js"],"names":[],"mappings":"AAIA,0EAwBC"}

package/es/common/components/editable-map/helper.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import * as Icons from "dt-design-system/es/icons";
-import css from "./helper.module.css";
-export default function Helper() {
-    return (_jsxs("div", { className: css.helper, children: [_jsx("div", { className: css.helperButton, children: _jsx(Icons.Question, { className: css.helperIcon }) }), _jsxs("div", { className: css.helperMessage, children: [_jsx("div", { children: "Cliquez n'importe o\u00F9 sur la carte pour ajouter un point d'int\u00E9r\u00EAt. Vous pouvez d\u00E9placer ces derniers gr\u00E2ce au \"glisser-d\u00E9poser\". Cliquez sur un point d'int\u00E9r\u00EAt existant pour modifier ses informations." }), _jsxs("div", { children: [_jsx("b", { children: "Attention" }), ", la carte sera affich\u00E9e \u00E0 vos client exactement dans l'\u00E9tat dans laquelle vous l'enregistrez (niveau de zoom, points d'int\u00E9r\u00EAts, centrage)."] }), _jsx("div", { children: "En mode consultation, les points tr\u00E8s proches sont automatiquement regroup\u00E9s afin d'am\u00E9liorer la lisibilit\u00E9 de la carte." })] })] }));
-}

package/es/common/components/editable-map/helper.module.css

@@ -1,62 +0,0 @@
-.helper {
-  position: absolute;
-  bottom: 10px;
-  left: 10px;
-  z-index: 1;
-}
-
-.helperButton {
-  width: 50px;
-  height: 50px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: var(
-    --ublo-blue-gradient,
-    linear-gradient(
-      175deg,
-      var(--ublo-blue-400, #4177f6),
-      var(--ublo-blue-500, #073ff8)
-    )
-  );
-  border-radius: 50%;
-}
-
-.helperIcon {
-  width: 42px;
-  height: 42px;
-  fill: var(--ds-grey-000, #ffffff);
-}
-
-.helperMessage {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  width: 350px;
-  max-width: 65vw;
-  padding: 14px;
-  color: var(--ds-grey-000, #ffffff);
-  text-align: justify;
-  font-size: 13px;
-  font-family: var(--ublo-content-font);
-  background: var(
-    --ublo-blue-gradient,
-    linear-gradient(
-      175deg,
-      var(--ublo-blue-400, #4177f6),
-      var(--ublo-blue-500, #073ff8)
-    )
-  );
-  border-radius: var(--ds-radius-200, 10px);
-  opacity: 0;
-  pointer-events: none;
-  touch-action: none;
-  transition: opacity 160ms
-    var(--ds-transition-easing, cubic-bezier(0.4, 0.1, 0.2, 0.9));
-}
-
-.helperButton:hover + .helperMessage,
-.helperMessage:hover {
-  opacity: 1;
-  pointer-events: auto;
-}

package/es/common/components/editable-map/input-marker.d.ts

@@ -1,4 +0,0 @@
-export default function InputMarker({ callback }: {
-    callback: any;
-}): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=input-marker.d.ts.map

package/es/common/components/editable-map/input-marker.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"input-marker.d.ts","sourceRoot":"","sources":["../../../../src/common/components/editable-map/input-marker.js"],"names":[],"mappings":"AAIA;;4CAqBC"}

package/es/common/components/editable-map/input-marker.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Input from "dt-design-system/es/input";
-import Button from "dt-design-system/es/button";
-import styles from "./input-marker.module.css";
-export default function InputMarker({ callback }) {
-    const addMarker = (event) => {
-        event.preventDefault();
-        const form = event.target;
-        const lat = form[0].value;
-        const lng = form[1].value;
-        if (lat && lng) {
-            callback({ lat, lng });
-        }
-    };
-    return (_jsxs("form", { className: styles.form, onSubmit: addMarker, children: [_jsx("div", { children: "Ajouter un point d'int\u00E9r\u00EAt" }), _jsx(Input, { label: "Latitude", placeholder: "48.132", type: "number", step: "any" }), _jsx(Input, { label: "Longitude", placeholder: "3.524", type: "number", step: "any" }), _jsx(Button, { className: styles.button, type: "submit", children: "OK" })] }));
-}

package/es/common/components/editable-map/input-marker.module.css

@@ -1,17 +0,0 @@
-.form {
-  position: absolute;
-  top: 10px;
-  left: 50px;
-  display: flex;
-  flex-direction: column;
-  gap: 5px;
-  width: 210px;
-  background-color: var(--ds-grey-000, #fff);
-  padding: 20px 10px;
-  border-radius: var(--ds-radius-100, 4px);
-  box-shadow: var(--ds-shadow-100, 0px 3px 6px rgba(0, 0, 0, 0.12));
-}
-
-.form button.button {
-  margin-left: auto;
-}