@edifice.io/react 2.0.0-develop-rc.4 → 2.0.0-develop-rc.10

package/dist/modules/multimedia/ImageEditor/components/ImageEditor.js

@@ -1,116 +1,117 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useState } from "react";
-import { Stage } from "@pixi/react";
-import { useTranslation } from "react-i18next";
-import useImageEditor from "../hooks/useImageEditor.js";
-import ImageEditorToolbar from "./ImageEditorToolbar.js";
-import { Modal } from "../../../../components/Modal/Modal.js";
-import { LoadingScreen } from "../../../../components/LoadingScreen/LoadingScreen.js";
-import { FormControl } from "../../../../components/Form/FormControl.js";
-import { Label } from "../../../../components/Label/Label.js";
-import { Input } from "../../../../components/Input/Input.js";
-import { Button } from "../../../../components/Button/Button.js";
-const ImageEditor = ({
-  altText: altTextParam,
-  legend: legendParam,
-  image: imageSrc,
-  isOpen,
-  onCancel,
-  onError,
-  onSave
+import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import { useState as l } from "react";
+import { Stage as $ } from "@pixi/react";
+import { useTranslation as q } from "react-i18next";
+import G from "../hooks/useImageEditor.js";
+import J from "./ImageEditorToolbar.js";
+import { Modal as r } from "../../../../components/Modal/Modal.js";
+import { LoadingScreen as K } from "../../../../components/LoadingScreen/LoadingScreen.js";
+import { FormControl as u } from "../../../../components/Form/FormControl.js";
+import { Label as h } from "../../../../components/Label/Label.js";
+import { Input as x } from "../../../../components/Input/Input.js";
+import { Button as b } from "../../../../components/Button/Button.js";
+const ie = ({
+  altText: v,
+  legend: y,
+  image: w,
+  isOpen: C,
+  onCancel: k,
+  onError: i,
+  onSave: N
 }) => {
   const {
-    t
-  } = useTranslation(), [currentOperation, setCurrentOperation] = useState(void 0), [isSaving, setSaving] = useState(!1), [altText, setAltText] = useState(altTextParam ?? ""), [legend, setLegend] = useState(legendParam ?? ""), [dirty, setDirty] = useState(!1), {
-    toBlob,
-    setApplication,
-    startBlur,
-    stopBlur,
-    restore,
-    rotate,
-    startCrop,
-    stopCrop,
-    startResize,
-    stopResize,
-    historyCount,
-    loading
-  } = useImageEditor({
-    imageSrc
-  }), stopAll = () => {
-    stopBlur(), stopCrop(currentOperation === "CROP"), stopResize(currentOperation === "RESIZE");
-  }, handleSave = async () => {
+    t: a
+  } = q(), [c, R] = l(void 0), [d, m] = l(!1), [p, S] = l(v ?? ""), [g, B] = l(y ?? ""), [O, n] = l(!1), {
+    toBlob: T,
+    setApplication: I,
+    startBlur: z,
+    stopBlur: A,
+    restore: L,
+    rotate: j,
+    startCrop: E,
+    stopCrop: M,
+    startResize: D,
+    stopResize: F,
+    historyCount: P,
+    loading: U
+  } = G({
+    imageSrc: w
+  }), f = () => {
+    A(), M(c === "CROP"), F(c === "RESIZE");
+  }, Z = async () => {
     try {
-      setSaving(!0), stopAll();
-      const blob = await toBlob();
-      blob && await onSave({
-        blob,
-        altText,
-        legend
+      m(!0), f();
+      const e = await T();
+      e && await N({
+        blob: e,
+        altText: p,
+        legend: g
       });
     } catch (e) {
-      onError == null || onError(`${e}`);
+      i == null || i(`${e}`);
     } finally {
-      setSaving(!1);
+      m(!1);
     }
-  }, handleCancel = () => {
-    onCancel();
-  }, handleOperation = async (operation) => {
-    switch (stopAll(), setCurrentOperation(operation), setDirty(!0), operation) {
+  }, s = () => {
+    k();
+  }, H = async (e) => {
+    switch (f(), R(e), n(!0), e) {
       case "ROTATE": {
-        await rotate();
+        await j();
         break;
       }
       case "UNDO": {
-        await restore();
+        await L();
         break;
       }
       case "CROP": {
-        startCrop();
+        E();
         break;
       }
       case "RESIZE": {
-        await startResize();
+        await D();
         break;
       }
       case "BLUR": {
-        await startBlur();
+        await z();
         break;
       }
     }
   };
-  return /* @__PURE__ */ jsxs(Modal, { id: "image-editor", isOpen, onModalClose: handleCancel, size: "lg", children: [
-    /* @__PURE__ */ jsx(Modal.Header, { onModalClose: handleCancel, children: /* @__PURE__ */ jsx("span", { className: "h2", children: t("imageeditor.title") }) }),
-    /* @__PURE__ */ jsx(Modal.Body, { className: "d-flex flex-column align-items-center", children: /* @__PURE__ */ jsxs("div", { className: "d-flex flex-column gap-12 w-100 flex-grow-1", children: [
-      /* @__PURE__ */ jsx(ImageEditorToolbar, { handle: handleOperation, historyCount }),
-      /* @__PURE__ */ jsxs("div", { className: "position-relative d-flex flex-column align-items-center justify-content-center flex-grow-1 w-100 image-editor", children: [
-        /* @__PURE__ */ jsx(Stage, { onMount: (app) => setApplication(app), options: {
+  return /* @__PURE__ */ o(r, { id: "image-editor", isOpen: C, onModalClose: s, size: "lg", children: [
+    /* @__PURE__ */ t(r.Header, { onModalClose: s, children: /* @__PURE__ */ t("span", { className: "h2", children: a("imageeditor.title") }) }),
+    /* @__PURE__ */ t(r.Body, { className: "d-flex flex-column align-items-center", children: /* @__PURE__ */ o("div", { className: "d-flex flex-column gap-12 w-100 flex-grow-1", children: [
+      /* @__PURE__ */ t(J, { handle: H, historyCount: P }),
+      /* @__PURE__ */ o("div", { className: "position-relative d-flex flex-column align-items-center justify-content-center flex-grow-1 w-100 image-editor", children: [
+        /* @__PURE__ */ t($, { onMount: (e) => I(e), options: {
           preserveDrawingBuffer: !0,
           backgroundAlpha: 0,
           resolution: 1
         } }),
-        !!loading && /* @__PURE__ */ jsx("div", { className: "position-absolute top-0 start-0 bottom-0 end-0 m-10 d-flex align-items-center justify-content-center bg-black opacity-25", children: /* @__PURE__ */ jsx(LoadingScreen, {}) })
+        !!U && /* @__PURE__ */ t("div", { className: "position-absolute top-0 start-0 bottom-0 end-0 m-10 d-flex align-items-center justify-content-center bg-black opacity-25", children: /* @__PURE__ */ t(K, {}) })
       ] }),
-      /* @__PURE__ */ jsxs("div", { className: "d-flex flex-column flex-md-row m-10 gap-12 w-100", children: [
-        /* @__PURE__ */ jsxs(FormControl, { id: "alt", className: "flex-grow-1", children: [
-          /* @__PURE__ */ jsx(Label, { children: t("alttext") }),
-          /* @__PURE__ */ jsx(Input, { value: altText, onChange: (e) => {
-            setDirty(!0), setAltText(e.target.value);
-          }, placeholder: t("alttext.help"), size: "md", type: "text" })
+      /* @__PURE__ */ o("div", { className: "d-flex flex-column flex-md-row m-10 gap-12 w-100", children: [
+        /* @__PURE__ */ o(u, { id: "alt", className: "flex-grow-1", children: [
+          /* @__PURE__ */ t(h, { children: a("alttext") }),
+          /* @__PURE__ */ t(x, { value: p, onChange: (e) => {
+            n(!0), S(e.target.value);
+          }, placeholder: a("alttext.help"), size: "md", type: "text" })
         ] }),
-        /* @__PURE__ */ jsxs(FormControl, { id: "legend", className: "flex-grow-1", children: [
-          /* @__PURE__ */ jsx(Label, { children: t("legend") }),
-          /* @__PURE__ */ jsx(Input, { value: legend, onChange: (e) => {
-            setDirty(!0), setLegend(e.target.value);
-          }, placeholder: t("legend.help"), size: "md", type: "text" })
+        /* @__PURE__ */ o(u, { id: "legend", className: "flex-grow-1", children: [
+          /* @__PURE__ */ t(h, { children: a("legend") }),
+          /* @__PURE__ */ t(x, { value: g, onChange: (e) => {
+            n(!0), B(e.target.value);
+          }, placeholder: a("legend.help"), size: "md", type: "text" })
         ] })
       ] })
     ] }) }),
-    /* @__PURE__ */ jsxs(Modal.Footer, { children: [
-      /* @__PURE__ */ jsx(Button, { color: "tertiary", onClick: handleCancel, type: "button", variant: "ghost", children: t("imageeditor.cancel") }),
-      /* @__PURE__ */ jsx(Button, { color: "primary", onClick: handleSave, type: "button", variant: "filled", isLoading: isSaving, disabled: isSaving || !dirty, children: t("imageeditor.save") })
+    /* @__PURE__ */ o(r.Footer, { children: [
+      /* @__PURE__ */ t(b, { color: "tertiary", onClick: s, type: "button", variant: "ghost", children: a("imageeditor.cancel") }),
+      /* @__PURE__ */ t(b, { color: "primary", onClick: Z, type: "button", variant: "filled", isLoading: d, disabled: d || !O, children: a("imageeditor.save") })
     ] })
   ] });
-}, ImageEditor$1 = ImageEditor;
+};
 export {
-  ImageEditor$1 as default
+  ie as default
 };
+//# sourceMappingURL=ImageEditor.js.map

package/dist/modules/multimedia/ImageEditor/components/ImageEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageEditor.js","sources":["../../../../../src/modules/multimedia/ImageEditor/components/ImageEditor.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport { Stage } from '@pixi/react';\nimport { useTranslation } from 'react-i18next';\n\nimport {\n  Button,\n  FormControl,\n  Input,\n  Label,\n  LoadingScreen,\n  Modal,\n} from '../../../../components';\nimport useImageEditor from '../hooks/useImageEditor';\nimport ImageEditorToolbar, { ImageEditorAction } from './ImageEditorToolbar';\n\ninterface ImageEditorProps {\n  image: string;\n  isOpen: boolean;\n  legend?: string;\n  altText?: string;\n  onCancel(): void;\n  onSave(arg: {\n    blob: Blob;\n    legend: string;\n    altText: string;\n  }): void | Promise<void>;\n  onError?(err: string): void;\n}\n/**\n * This component display the Image Editor as a Modal\n *\n * @param param.altText the initial alternative text of the image\n * @param param.legend the initial title text of the image\n * @param param.image the URL of the image to edit\n * @param param.isOpen whether the modal is visible\n * @param param.onCancel callback when the modal is closed without saving\n * @param param.onError callback when the save action failed\n * @param param.onSave callback when the save action succeed and receive as params the new image as blob and also the new legend and alt\n * @returns A React Component\n */\nconst ImageEditor = ({\n  altText: altTextParam,\n  legend: legendParam,\n  image: imageSrc,\n  isOpen,\n  onCancel,\n  onError,\n  onSave,\n}: ImageEditorProps) => {\n  const { t } = useTranslation();\n  // Store the current operation in a state\n  const [currentOperation, setCurrentOperation] = useState<\n    ImageEditorAction | undefined\n  >(undefined);\n  // Whether we are saving or not\n  const [isSaving, setSaving] = useState(false);\n  // Store the alt text modofied by the input text\n  const [altText, setAltText] = useState(altTextParam ?? '');\n  // Store the legend text modofied by the input text\n  const [legend, setLegend] = useState(legendParam ?? '');\n  // Whether the image has been edited or the text has been changed\n  const [dirty, setDirty] = useState<boolean>(false);\n  // Load Image Editor action\n  const {\n    toBlob,\n    setApplication,\n    startBlur,\n    stopBlur,\n    restore,\n    rotate,\n    startCrop,\n    stopCrop,\n    startResize,\n    stopResize,\n    historyCount,\n    loading,\n  } = useImageEditor({\n    imageSrc,\n  });\n  // A function to remove all opened controllers and backup changes if needed\n  const stopAll = () => {\n    stopBlur();\n    stopCrop(currentOperation === 'CROP');\n    stopResize(currentOperation === 'RESIZE');\n  };\n  // A handle to save edited image as Blob\n  const handleSave = async () => {\n    try {\n      setSaving(true);\n      stopAll();\n      const blob = await toBlob();\n      if (blob) {\n        await onSave({ blob, altText, legend });\n      }\n    } catch (e) {\n      onError?.(`${e}`);\n    } finally {\n      setSaving(false);\n    }\n  };\n  // A handle to cancel without saving\n  const handleCancel = () => {\n    onCancel();\n  };\n  // A handle to trigger actions on toolbar action\n  const handleOperation = async (operation: ImageEditorAction) => {\n    // Stop Remove all previous graphical controllers\n    stopAll();\n    // Save the current operation\n    setCurrentOperation(operation);\n    // Update the dirty state because image is going to change\n    setDirty(true);\n    // Call action according to the selected operation\n    switch (operation) {\n      case 'ROTATE': {\n        await rotate();\n        break;\n      }\n      case 'UNDO': {\n        await restore();\n        break;\n      }\n      case 'CROP': {\n        startCrop();\n        break;\n      }\n      case 'RESIZE': {\n        await startResize();\n        break;\n      }\n      case 'BLUR': {\n        await startBlur();\n        break;\n      }\n    }\n  };\n  return (\n    <Modal\n      id=\"image-editor\"\n      isOpen={isOpen}\n      onModalClose={handleCancel}\n      size=\"lg\"\n    >\n      <Modal.Header onModalClose={handleCancel}>\n        <span className=\"h2\">{t('imageeditor.title')}</span>\n      </Modal.Header>\n      <Modal.Body className=\"d-flex flex-column align-items-center\">\n        <div className=\"d-flex flex-column gap-12 w-100 flex-grow-1\">\n          <ImageEditorToolbar\n            handle={handleOperation}\n            historyCount={historyCount}\n          />\n          <div className=\"position-relative d-flex flex-column align-items-center justify-content-center flex-grow-1 w-100 image-editor\">\n            <Stage\n              onMount={(app) => setApplication(app)}\n              options={{\n                preserveDrawingBuffer: true,\n                backgroundAlpha: 0,\n                resolution: 1,\n              }}\n            ></Stage>\n            {!!loading && (\n              <div className=\"position-absolute top-0 start-0 bottom-0 end-0 m-10 d-flex align-items-center justify-content-center bg-black opacity-25\">\n                <LoadingScreen />\n              </div>\n            )}\n          </div>\n          <div className=\"d-flex flex-column flex-md-row m-10 gap-12 w-100\">\n            <FormControl id=\"alt\" className=\"flex-grow-1\">\n              <Label>{t('alttext')}</Label>\n              <Input\n                value={altText}\n                onChange={(e) => {\n                  setDirty(true);\n                  setAltText(e.target.value);\n                }}\n                placeholder={t('alttext.help')}\n                size=\"md\"\n                type=\"text\"\n              />\n            </FormControl>\n            <FormControl id=\"legend\" className=\"flex-grow-1\">\n              <Label>{t('legend')}</Label>\n              <Input\n                value={legend}\n                onChange={(e) => {\n                  setDirty(true);\n                  setLegend(e.target.value);\n                }}\n                placeholder={t('legend.help')}\n                size=\"md\"\n                type=\"text\"\n              />\n            </FormControl>\n          </div>\n        </div>\n      </Modal.Body>\n      <Modal.Footer>\n        <Button\n          color=\"tertiary\"\n          onClick={handleCancel}\n          type=\"button\"\n          variant=\"ghost\"\n        >\n          {t('imageeditor.cancel')}\n        </Button>\n        <Button\n          color=\"primary\"\n          onClick={handleSave}\n          type=\"button\"\n          variant=\"filled\"\n          isLoading={isSaving}\n          disabled={isSaving || !dirty}\n        >\n          {t('imageeditor.save')}\n        </Button>\n      </Modal.Footer>\n    </Modal>\n  );\n};\n\nexport default ImageEditor;\n"],"names":["ImageEditor","altText","altTextParam","legend","legendParam","image","imageSrc","isOpen","onCancel","onError","onSave","t","useTranslation","currentOperation","setCurrentOperation","useState","undefined","isSaving","setSaving","setAltText","setLegend","dirty","setDirty","toBlob","setApplication","startBlur","stopBlur","restore","rotate","startCrop","stopCrop","startResize","stopResize","historyCount","loading","useImageEditor","stopAll","handleSave","blob","e","handleCancel","handleOperation","operation","jsxs","Modal","jsx","ImageEditorToolbar","Stage","app","preserveDrawingBuffer","backgroundAlpha","resolution","LoadingScreen","FormControl","Label","Input","target","value","Button"],"mappings":";;;;;;;;;;;;AAyCA,MAAMA,KAAcA,CAAC;AAAA,EACnBC,SAASC;AAAAA,EACTC,QAAQC;AAAAA,EACRC,OAAOC;AAAAA,EACPC,QAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,QAAAA;AACgB,MAAM;AAChB,QAAA;AAAA,IAAEC,GAAAA;AAAAA,MAAMC,EAAe,GAEvB,CAACC,GAAkBC,CAAmB,IAAIC,EAE9CC,MAAS,GAEL,CAACC,GAAUC,CAAS,IAAIH,EAAS,EAAK,GAEtC,CAACd,GAASkB,CAAU,IAAIJ,EAASb,KAAgB,EAAE,GAEnD,CAACC,GAAQiB,CAAS,IAAIL,EAASX,KAAe,EAAE,GAEhD,CAACiB,GAAOC,CAAQ,IAAIP,EAAkB,EAAK,GAE3C;AAAA,IACJQ,QAAAA;AAAAA,IACAC,gBAAAA;AAAAA,IACAC,WAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAC,SAAAA;AAAAA,IACAC,QAAAA;AAAAA,IACAC,WAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,YAAAA;AAAAA,IACAC,cAAAA;AAAAA,IACAC,SAAAA;AAAAA,MACEC,EAAe;AAAA,IACjB7B,UAAAA;AAAAA,EAAAA,CACD,GAEK8B,IAAUA,MAAM;AACX,IAAAV,KACTI,EAASjB,MAAqB,MAAM,GACpCmB,EAAWnB,MAAqB,QAAQ;AAAA,EAAA,GAGpCwB,IAAa,YAAY;AACzB,QAAA;AACFnB,MAAAA,EAAU,EAAI,GACNkB;AACFE,YAAAA,IAAO,MAAMf;AACnB,MAAIe,KACF,MAAM5B,EAAO;AAAA,QAAE4B,MAAAA;AAAAA,QAAMrC,SAAAA;AAAAA,QAASE,QAAAA;AAAAA,MAAAA,CAAQ;AAAA,aAEjCoC,GAAG;AACA,MAAA9B,KAAA,QAAAA,EAAA,GAAG8B,CAAC;AAAA,IAAE,UACR;AACRrB,MAAAA,EAAU,EAAK;AAAA,IACjB;AAAA,EAAA,GAGIsB,IAAeA,MAAM;AAChB,IAAAhC;EAAA,GAGLiC,IAAkB,OAAOC,MAAiC;AAQ9D,YANQN,KAERtB,EAAoB4B,CAAS,GAE7BpB,EAAS,EAAI,GAELoB,GAAS;AAAA,MACf,KAAK,UAAU;AACb,cAAMd,EAAO;AACb;AAAA,MACF;AAAA,MACA,KAAK,QAAQ;AACX,cAAMD,EAAQ;AACd;AAAA,MACF;AAAA,MACA,KAAK,QAAQ;AACD,QAAAE;AACV;AAAA,MACF;AAAA,MACA,KAAK,UAAU;AACb,cAAME,EAAY;AAClB;AAAA,MACF;AAAA,MACA,KAAK,QAAQ;AACX,cAAMN,EAAU;AAChB;AAAA,MACF;AAAA,IACF;AAAA,EAAA;AAGA,SAAA,gBAAAkB,EAACC,KACC,IAAG,gBACH,QAAArC,GACA,cAAciC,GACd,MAAK,MAEL,UAAA;AAAA,IAAA,gBAAAK,EAACD,EAAM,QAAN,EAAa,cAAcJ,GAC1B,UAAA,gBAAAK,EAAC,QAAK,EAAA,WAAU,MAAMlC,UAAAA,EAAE,mBAAmB,EAAE,CAAA,GAC/C;AAAA,IACA,gBAAAkC,EAACD,EAAM,MAAN,EAAW,WAAU,yCACpB,UAAA,gBAAAD,EAAC,OAAI,EAAA,WAAU,+CACb,UAAA;AAAA,MAAC,gBAAAE,EAAAC,GAAA,EACC,QAAQL,GACR,cAAAR,EAA2B,CAAA;AAAA,MAE7B,gBAAAU,EAAC,OAAI,EAAA,WAAU,iHACb,UAAA;AAAA,QAAA,gBAAAE,EAACE,KACC,SAAUC,CAAAA,MAAQxB,EAAewB,CAAG,GACpC,SAAS;AAAA,UACPC,uBAAuB;AAAA,UACvBC,iBAAiB;AAAA,UACjBC,YAAY;AAAA,QAAA,GAEf;AAAA,QACA,CAAC,CAACjB,KACD,gBAAAW,EAAC,SAAI,WAAU,4HACb,UAAC,gBAAAA,EAAAO,GAAA,CAAA,CAAa,EAChB,CAAA;AAAA,MAAA,GAEJ;AAAA,MACA,gBAAAT,EAAC,OAAI,EAAA,WAAU,oDACb,UAAA;AAAA,QAAA,gBAAAA,EAACU,GAAY,EAAA,IAAG,OAAM,WAAU,eAC9B,UAAA;AAAA,UAAC,gBAAAR,EAAAS,GAAA,EAAO3C,UAAEA,EAAA,SAAS,EAAE,CAAA;AAAA,UACpB,gBAAAkC,EAAAU,GAAA,EACC,OAAOtD,GACP,UAAWsC,CAAM,MAAA;AACfjB,YAAAA,EAAS,EAAI,GACFiB,EAAAA,EAAEiB,OAAOC,KAAK;AAAA,UAAA,GAE3B,aAAa9C,EAAE,cAAc,GAC7B,MAAK,MACL,MAAK,QAAM;AAAA,QAAA,GAEf;AAAA,QACC,gBAAAgC,EAAAU,GAAA,EAAY,IAAG,UAAS,WAAU,eACjC,UAAA;AAAA,UAAC,gBAAAR,EAAAS,GAAA,EAAO3C,UAAEA,EAAA,QAAQ,EAAE,CAAA;AAAA,UACnB,gBAAAkC,EAAAU,GAAA,EACC,OAAOpD,GACP,UAAWoC,CAAM,MAAA;AACfjB,YAAAA,EAAS,EAAI,GACHiB,EAAAA,EAAEiB,OAAOC,KAAK;AAAA,UAAA,GAE1B,aAAa9C,EAAE,aAAa,GAC5B,MAAK,MACL,MAAK,QAAM;AAAA,QAAA,GAEf;AAAA,MAAA,GACF;AAAA,IAAA,EAAA,CACF,EACF,CAAA;AAAA,IACA,gBAAAgC,EAACC,EAAM,QAAN,EACC,UAAA;AAAA,MAAC,gBAAAC,EAAAa,GAAA,EACC,OAAM,YACN,SAASlB,GACT,MAAK,UACL,SAAQ,SAEP7B,UAAEA,EAAA,oBAAoB,EACzB,CAAA;AAAA,wBACC+C,GACC,EAAA,OAAM,WACN,SAASrB,GACT,MAAK,UACL,SAAQ,UACR,WAAWpB,GACX,UAAUA,KAAY,CAACI,GAEtBV,UAAAA,EAAE,kBAAkB,GACvB;AAAA,IAAA,GACF;AAAA,EACF,EAAA,CAAA;AAEJ;"}

package/dist/modules/multimedia/ImageEditor/components/ImageEditorToolbar.js

@@ -1,28 +1,28 @@
-import { jsx } from "react/jsx-runtime";
-import { useState } from "react";
-import { useTranslation } from "react-i18next";
-import { Icon } from "../../../../components/Icon/Icon.js";
-import { Toolbar } from "../../../../components/Toolbar/Toolbar.js";
-const ImageEditorToolbar = ({
-  historyCount,
-  handle
+import { jsx as t } from "react/jsx-runtime";
+import { useState as p } from "react";
+import { useTranslation as m } from "react-i18next";
+import { Icon as r } from "../../../../components/Icon/Icon.js";
+import { Toolbar as d } from "../../../../components/Toolbar/Toolbar.js";
+const h = ({
+  historyCount: n,
+  handle: i
 }) => {
   const {
-    t
-  } = useTranslation(), [action, setAction] = useState(void 0), handleAndSave = (action2) => {
-    setAction(action2), handle(action2);
-  }, ImageEditorItems = [{
+    t: o
+  } = m(), [a, c] = p(void 0), e = (l) => {
+    c(l), i(l);
+  }, s = [{
     type: "button",
     name: "undo",
     props: {
       color: "tertiary",
-      leftIcon: /* @__PURE__ */ jsx(Icon, { name: "undo" }),
-      "aria-label": t("cancel"),
-      children: t("cancel"),
-      onClick: () => handleAndSave("UNDO"),
-      disabled: historyCount === 0
+      leftIcon: /* @__PURE__ */ t(r, { name: "undo" }),
+      "aria-label": o("cancel"),
+      children: o("cancel"),
+      onClick: () => e("UNDO"),
+      disabled: n === 0
     },
-    tooltip: t("cancel")
+    tooltip: o("cancel")
   }, {
     type: "divider",
     name: "div-1"
@@ -31,39 +31,40 @@ const ImageEditorToolbar = ({
     name: "reset",
     props: {
       color: "tertiary",
-      leftIcon: /* @__PURE__ */ jsx(Icon, { name: "reset" }),
-      "aria-label": t("rotate"),
-      children: t("rotate"),
-      onClick: () => handleAndSave("ROTATE")
+      leftIcon: /* @__PURE__ */ t(r, { name: "reset" }),
+      "aria-label": o("rotate"),
+      children: o("rotate"),
+      onClick: () => e("ROTATE")
     },
-    tooltip: t("rotate")
+    tooltip: o("rotate")
   }, {
     type: "button",
     name: "crop",
     props: {
       color: "tertiary",
-      leftIcon: /* @__PURE__ */ jsx(Icon, { name: "crop" }),
-      "aria-label": t("crop"),
-      children: t("crop"),
-      className: action === "CROP" ? "is-selected" : "",
-      onClick: () => handleAndSave("CROP")
+      leftIcon: /* @__PURE__ */ t(r, { name: "crop" }),
+      "aria-label": o("crop"),
+      children: o("crop"),
+      className: a === "CROP" ? "is-selected" : "",
+      onClick: () => e("CROP")
     },
-    tooltip: t("crop")
+    tooltip: o("crop")
   }, {
     type: "button",
     name: "blur",
     props: {
       color: "tertiary",
-      leftIcon: /* @__PURE__ */ jsx(Icon, { name: "blur" }),
-      "aria-label": t("blur"),
-      children: t("blur"),
-      className: action === "BLUR" ? "is-selected" : "",
-      onClick: () => handleAndSave("BLUR")
+      leftIcon: /* @__PURE__ */ t(r, { name: "blur" }),
+      "aria-label": o("blur"),
+      children: o("blur"),
+      className: a === "BLUR" ? "is-selected" : "",
+      onClick: () => e("BLUR")
     },
-    tooltip: t("blur")
+    tooltip: o("blur")
   }];
-  return /* @__PURE__ */ jsx(Toolbar, { variant: "no-shadow", align: "left", isBlock: !0, items: ImageEditorItems });
+  return /* @__PURE__ */ t(d, { variant: "no-shadow", align: "left", isBlock: !0, items: s });
 };
 export {
-  ImageEditorToolbar as default
+  h as default
 };
+//# sourceMappingURL=ImageEditorToolbar.js.map

package/dist/modules/multimedia/ImageEditor/components/ImageEditorToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageEditorToolbar.js","sources":["../../../../../src/modules/multimedia/ImageEditor/components/ImageEditorToolbar.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport { useTranslation } from 'react-i18next';\n\nimport { Icon, Toolbar, ToolbarItem } from '../../../../components';\n\nexport type ImageEditorAction = 'ROTATE' | 'UNDO' | 'CROP' | 'BLUR' | 'RESIZE';\ninterface ImageEditorToolbarProps {\n  historyCount: number;\n  handle(operation: ImageEditorAction): void;\n}\n\nconst ImageEditorToolbar = ({\n  historyCount,\n  handle,\n}: ImageEditorToolbarProps) => {\n  const { t } = useTranslation();\n  const [action, setAction] = useState<ImageEditorAction | undefined>(\n    undefined,\n  );\n  const handleAndSave = (action: ImageEditorAction) => {\n    setAction(action);\n    handle(action);\n  };\n\n  const ImageEditorItems: ToolbarItem[] = [\n    {\n      type: 'button',\n      name: 'undo',\n      props: {\n        color: 'tertiary',\n        leftIcon: <Icon name=\"undo\" />,\n        'aria-label': t('cancel'),\n        children: t('cancel'),\n        onClick: () => handleAndSave('UNDO'),\n        disabled: historyCount === 0,\n      },\n      tooltip: t('cancel'),\n    },\n    {\n      type: 'divider',\n      name: 'div-1',\n    },\n    {\n      type: 'button',\n      name: 'reset',\n      props: {\n        color: 'tertiary',\n        leftIcon: <Icon name=\"reset\" />,\n        'aria-label': t('rotate'),\n        children: t('rotate'),\n        onClick: () => handleAndSave('ROTATE'),\n      },\n      tooltip: t('rotate'),\n    },\n    {\n      type: 'button',\n      name: 'crop',\n      props: {\n        color: 'tertiary',\n        leftIcon: <Icon name=\"crop\" />,\n        'aria-label': t('crop'),\n        children: t('crop'),\n        className: action === 'CROP' ? 'is-selected' : '',\n        onClick: () => handleAndSave('CROP'),\n      },\n      tooltip: t('crop'),\n    },\n    {\n      type: 'button',\n      name: 'blur',\n      props: {\n        color: 'tertiary',\n        leftIcon: <Icon name=\"blur\" />,\n        'aria-label': t('blur'),\n        children: t('blur'),\n        className: action === 'BLUR' ? 'is-selected' : '',\n        onClick: () => handleAndSave('BLUR'),\n      },\n      tooltip: t('blur'),\n    },\n  ];\n\n  return (\n    <Toolbar\n      variant=\"no-shadow\"\n      align=\"left\"\n      isBlock\n      items={ImageEditorItems}\n    />\n  );\n};\nexport default ImageEditorToolbar;\n"],"names":["ImageEditorToolbar","historyCount","handle","t","useTranslation","action","setAction","useState","undefined","handleAndSave","ImageEditorItems","type","name","props","color","leftIcon","jsx","Icon","children","onClick","disabled","tooltip","className","Toolbar"],"mappings":";;;;;AAYA,MAAMA,IAAqBA,CAAC;AAAA,EAC1BC,cAAAA;AAAAA,EACAC,QAAAA;AACuB,MAAM;AACvB,QAAA;AAAA,IAAEC,GAAAA;AAAAA,MAAMC,EAAe,GACvB,CAACC,GAAQC,CAAS,IAAIC,EAC1BC,MACF,GACMC,IAAgBA,CAACJ,MAA8B;AACnDC,IAAAA,EAAUD,CAAM,GAChBH,EAAOG,CAAM;AAAA,EAAA,GAGTK,IAAkC,CACtC;AAAA,IACEC,MAAM;AAAA,IACNC,MAAM;AAAA,IACNC,OAAO;AAAA,MACLC,OAAO;AAAA,MACPC,UAAU,gBAAAC,EAACC,GAAK,EAAA,MAAK,OAAS,CAAA;AAAA,MAC9B,cAAcd,EAAE,QAAQ;AAAA,MACxBe,UAAUf,EAAE,QAAQ;AAAA,MACpBgB,SAASA,MAAMV,EAAc,MAAM;AAAA,MACnCW,UAAUnB,MAAiB;AAAA,IAC7B;AAAA,IACAoB,SAASlB,EAAE,QAAQ;AAAA,EAAA,GAErB;AAAA,IACEQ,MAAM;AAAA,IACNC,MAAM;AAAA,EAAA,GAER;AAAA,IACED,MAAM;AAAA,IACNC,MAAM;AAAA,IACNC,OAAO;AAAA,MACLC,OAAO;AAAA,MACPC,UAAU,gBAAAC,EAACC,GAAK,EAAA,MAAK,QAAU,CAAA;AAAA,MAC/B,cAAcd,EAAE,QAAQ;AAAA,MACxBe,UAAUf,EAAE,QAAQ;AAAA,MACpBgB,SAASA,MAAMV,EAAc,QAAQ;AAAA,IACvC;AAAA,IACAY,SAASlB,EAAE,QAAQ;AAAA,EAAA,GAErB;AAAA,IACEQ,MAAM;AAAA,IACNC,MAAM;AAAA,IACNC,OAAO;AAAA,MACLC,OAAO;AAAA,MACPC,UAAU,gBAAAC,EAACC,GAAK,EAAA,MAAK,OAAS,CAAA;AAAA,MAC9B,cAAcd,EAAE,MAAM;AAAA,MACtBe,UAAUf,EAAE,MAAM;AAAA,MAClBmB,WAAWjB,MAAW,SAAS,gBAAgB;AAAA,MAC/Cc,SAASA,MAAMV,EAAc,MAAM;AAAA,IACrC;AAAA,IACAY,SAASlB,EAAE,MAAM;AAAA,EAAA,GAEnB;AAAA,IACEQ,MAAM;AAAA,IACNC,MAAM;AAAA,IACNC,OAAO;AAAA,MACLC,OAAO;AAAA,MACPC,UAAU,gBAAAC,EAACC,GAAK,EAAA,MAAK,OAAS,CAAA;AAAA,MAC9B,cAAcd,EAAE,MAAM;AAAA,MACtBe,UAAUf,EAAE,MAAM;AAAA,MAClBmB,WAAWjB,MAAW,SAAS,gBAAgB;AAAA,MAC/Cc,SAASA,MAAMV,EAAc,MAAM;AAAA,IACrC;AAAA,IACAY,SAASlB,EAAE,MAAM;AAAA,EAAA,CAClB;AAID,SAAA,gBAAAa,EAACO,KACC,SAAQ,aACR,OAAM,QACN,SAAO,IACP,OAAOb,EACP,CAAA;AAEN;"}

package/dist/modules/multimedia/ImageEditor/effects/blur.js

@@ -1,72 +1,73 @@
-import * as PIXI from "pixi.js";
-import { getApplicationScale } from "./misc.js";
-import { aggregate } from "../utils/aggregate.js";
-const BRUSH_SIZE = 20, DEBOUNCE = 50, CURSOR_NAME = "BRUSH_CURSOR";
-function drawBrush(points, scale) {
-  const container = new PIXI.Graphics();
-  for (const point of points)
-    point && (container.beginFill(16777215, 1), container.drawCircle(point.x, point.y, BRUSH_SIZE / scale), container.lineStyle(0), container.endFill());
-  return container;
+import * as i from "pixi.js";
+import { getApplicationScale as d } from "./misc.js";
+import { aggregate as l } from "../utils/aggregate.js";
+const g = 20, h = 50, u = "BRUSH_CURSOR";
+function m(e, n) {
+  const t = new i.Graphics();
+  for (const r of e)
+    r && (t.beginFill(16777215, 1), t.drawCircle(r.x, r.y, g / n), t.lineStyle(0), t.endFill());
+  return t;
 }
-function drawBlurListener(application, {
-  spriteName
+function w(e, {
+  spriteName: n
 }) {
-  return aggregate(DEBOUNCE, (event) => application.stage.toLocal(event.global), (points) => {
-    const child = application.stage.getChildByName(spriteName), scale = getApplicationScale(application);
-    if (child == null) return;
-    const newSprite = new PIXI.Sprite(child.texture);
-    newSprite.filters = [
-      new PIXI.BlurFilter(
+  return l(h, (t) => e.stage.toLocal(t.global), (t) => {
+    const r = e.stage.getChildByName(n), s = d(e);
+    if (r == null) return;
+    const o = new i.Sprite(r.texture);
+    o.filters = [
+      new i.BlurFilter(
         8,
         // PIXI Default value for strength of the blur effect
         4,
         // Quality of the blur effect depending on the scale (4 is the PIXI default value)
-        Math.min(scale, 1)
+        Math.min(s, 1)
       )
       // Resolution of the blur effect depending on the scale
-    ], newSprite.width = child.width, newSprite.height = child.height, newSprite.scale = new PIXI.Point(1, 1), newSprite.anchor = child.anchor, newSprite.mask = drawBrush(points, scale), child.addChild(newSprite);
+    ], o.width = r.width, o.height = r.height, o.scale = new i.Point(1, 1), o.anchor = r.anchor, o.mask = m(t, s), r.addChild(o);
   });
 }
-function drawCursor(application) {
-  removeCursor(application);
-  const scale = getApplicationScale(application), circle = new PIXI.Graphics();
-  return circle.lineStyle(Math.max(1, 1 / scale), 16711680), circle.drawCircle(0, 0, BRUSH_SIZE / scale), circle.endFill(), circle.name = CURSOR_NAME, application.stage.addChild(circle), circle;
+function a(e) {
+  f(e);
+  const n = d(e), t = new i.Graphics();
+  return t.lineStyle(Math.max(1, 1 / n), 16711680), t.drawCircle(0, 0, g / n), t.endFill(), t.name = u, e.stage.addChild(t), t;
 }
-function removeCursor(application) {
-  const child = application.stage.getChildByName(CURSOR_NAME);
-  child && child.removeFromParent();
+function f(e) {
+  const n = e.stage.getChildByName(u);
+  n && n.removeFromParent();
 }
-function moveCursorListener(application) {
-  return (event) => {
-    if (!application) return;
-    const point = application.stage.toLocal(event.global), child = application.stage.getChildByName(CURSOR_NAME, !0);
-    child && (child.position.x = point.x, child.position.y = point.y);
+function C(e) {
+  return (n) => {
+    if (!e) return;
+    const t = e.stage.toLocal(n.global), r = e.stage.getChildByName(u, !0);
+    r && (r.position.x = t.x, r.position.y = t.y);
   };
 }
-function start(application, {
-  spriteName
+function y(e, {
+  spriteName: n
 }) {
-  application.stage.interactive = !0;
-  const cursor = drawCursor(application), cursorListener = moveCursorListener(application);
-  application.stage.on("pointermove", cursorListener);
-  const blurListener = drawBlurListener(application, {
-    spriteName
+  e.stage.interactive = !0;
+  const t = a(e), r = C(e);
+  e.stage.on("pointermove", r);
+  const s = w(e, {
+    spriteName: n
   });
-  application.stage.on("pointerdown", () => {
-    application.stage.on("pointermove", blurListener);
+  e.stage.on("pointerdown", () => {
+    e.stage.on("pointermove", s);
   });
-  const stopListening = () => {
-    var _a;
-    (_a = application == null ? void 0 : application.stage) == null || _a.off("pointermove", blurListener);
+  const o = () => {
+    var c;
+    (c = e == null ? void 0 : e.stage) == null || c.off("pointermove", s);
   };
-  globalThis.addEventListener("pointerup", stopListening), cursor.once("destroyed", () => {
-    globalThis.removeEventListener("pointerup", stopListening);
+  globalThis.addEventListener("pointerup", o), t.once("destroyed", () => {
+    globalThis.removeEventListener("pointerup", o);
   });
 }
-function stop(application) {
-  removeCursor(application), application.stage.off("pointerdown"), application.stage.off("pointermove");
+function B(e) {
+  f(e), e.stage.off("pointerdown"), e.stage.off("pointermove");
 }
 export {
-  start,
-  stop
+  y as start,
+  B as stop
 };
+//# sourceMappingURL=blur.js.map

package/dist/modules/multimedia/ImageEditor/effects/blur.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"blur.js","sources":["../../../../../src/modules/multimedia/ImageEditor/effects/blur.ts"],"sourcesContent":["import * as PIXI from 'pixi.js';\n\nimport { getApplicationScale } from './misc';\nimport { aggregate } from '../utils/aggregate';\n\n//\n// Global constants used for crop effects\n//\n\n// Define the radius (pixel) of the brush used to apply blur\nconst BRUSH_SIZE = 20;\n// Define the delay (in ms) of the debounce to avoid lags\nconst DEBOUNCE = 50;\n// Define the name of brush object in the PIXI context\nconst CURSOR_NAME = 'BRUSH_CURSOR';\n\n//\n// Implementation\n//\n\n/**\n * This function draw brush  graphical object for each points\n *\n * @param points a list of PIXI.Point used to draw brush\n * @returns a graphical object that draw brush for each of theses points\n */\nfunction drawBrush(\n  points: Array<PIXI.Point | undefined>,\n  scale: number,\n): PIXI.Graphics {\n  const container = new PIXI.Graphics();\n  for (const point of points) {\n    if (point) {\n      container.beginFill(0xffffff, 1);\n      container.drawCircle(point.x, point.y, BRUSH_SIZE / scale);\n      container.lineStyle(0);\n      container.endFill();\n    }\n  }\n  return container;\n}\n\n/**\n * This function create a mouse event listener that merge and aggregate mouse events\n * The aggregated events are used to draw brush and apply blur filter to the stage\n * If the spriteName has not been found in the context, the listener do nothing\n *\n * @param application The PIXI.Application context\n * @param {spriteName} arg The name of the sprite identifying the original image\n * @returns A mouse event listener\n */\nfunction drawBlurListener(\n  application: PIXI.Application,\n  { spriteName }: { spriteName: string },\n) {\n  return aggregate(\n    DEBOUNCE,\n    (event: PIXI.FederatedMouseEvent) => {\n      return application.stage.toLocal(event.global);\n    },\n    (points: Array<PIXI.Point | undefined>) => {\n      // Search for sprite\n      const child = application.stage.getChildByName(spriteName);\n      const scale = getApplicationScale(application);\n      if (child === undefined || child === null) return;\n      // Create a sprite by copying texture and apply blurFilter\n      const newSprite = new PIXI.Sprite((child as PIXI.Sprite).texture);\n      // Apply blur filter to the new sprite, quality for big image (fix lag issue)\n\n      newSprite.filters = [\n        new PIXI.BlurFilter(\n          8, // PIXI Default value for strength of the blur effect\n          (Math.min(Math.round(4 * scale)), 4), // Quality of the blur effect depending on the scale (4 is the PIXI default value)\n          Math.min(scale, 1), // Resolution of the blur effect depending on the scale\n        ),\n      ];\n      newSprite.width = (child as PIXI.Sprite).width;\n      newSprite.height = (child as PIXI.Sprite).height;\n      // Resize the new sprite to match the original\n      newSprite.scale = new PIXI.Point(1, 1);\n      newSprite.anchor = (child as PIXI.Sprite).anchor;\n      newSprite.mask = drawBrush(points, scale);\n      (child as PIXI.Sprite).addChild(newSprite);\n    },\n  );\n}\n/**\n * This function draw the graphical cursor use to apply the blur effect\n *\n * @param application The PIXI.Application context\n * @returns the PIXI.Graphics object representing the cursor\n */\nfunction drawCursor(application: PIXI.Application): PIXI.Graphics {\n  // Remove cursor if exists before draw\n  removeCursor(application);\n  const scale = getApplicationScale(application);\n  const circle = new PIXI.Graphics();\n  circle.lineStyle(Math.max(1, 1 / scale), 0xff0000);\n  circle.drawCircle(0, 0, BRUSH_SIZE / scale);\n  circle.endFill();\n  circle.name = CURSOR_NAME;\n  application.stage.addChild(circle);\n  return circle;\n}\n/**\n * This function remove cursor if exists in context\n *\n * @param application The PIXI.Application context\n */\nfunction removeCursor(application: PIXI.Application) {\n  const child = application.stage.getChildByName(CURSOR_NAME);\n  if (child) {\n    child.removeFromParent();\n  }\n}\n/**\n *  Move the cursor graphical controler while mouse is moving\n *\n * @param application the PIXI.Application context\n * @returns A mouse event listener\n */\nfunction moveCursorListener(application: PIXI.Application) {\n  return (event: PIXI.FederatedMouseEvent) => {\n    if (!application) return;\n    const point = application.stage.toLocal(event.global);\n    const child = application.stage.getChildByName(CURSOR_NAME, true);\n    if (child) {\n      child.position.x = point.x;\n      child.position.y = point.y;\n    }\n  };\n}\n/**\n * This function start the blur controler\n * - drawing cursor\n * - listening mouse move to move cursor\n * - listening\n *\n * @param application\n * @param param1\n */\nexport function start(\n  application: PIXI.Application,\n  { spriteName }: { spriteName: string },\n) {\n  application.stage.interactive = true;\n  // Draw cursor\n  const cursor = drawCursor(application);\n  // Apply blur effect and move cursor while mouse moving\n  const cursorListener = moveCursorListener(application);\n  application.stage.on('pointermove', cursorListener);\n  const blurListener = drawBlurListener(application, { spriteName });\n  application.stage.on('pointerdown', () => {\n    application.stage.on('pointermove', blurListener);\n  });\n  // Stop listening move when cursor is up\n  const stopListening = () => {\n    application?.stage?.off('pointermove', blurListener);\n  };\n  globalThis.addEventListener('pointerup', stopListening);\n  // Remove global listener when cursor is destroyed\n  cursor.once('destroyed', () => {\n    globalThis.removeEventListener('pointerup', stopListening);\n  });\n}\n/**\n * This function remove cursor and all mouse event listeners\n *\n * @param application the PIXI.Application context\n */\nexport function stop(application: PIXI.Application): void {\n  removeCursor(application);\n  application.stage.off('pointerdown');\n  application.stage.off('pointermove');\n}\n"],"names":["BRUSH_SIZE","DEBOUNCE","CURSOR_NAME","drawBrush","points","scale","container","PIXI","Graphics","point","beginFill","drawCircle","x","y","lineStyle","endFill","drawBlurListener","application","spriteName","aggregate","event","stage","toLocal","global","child","getChildByName","getApplicationScale","newSprite","Sprite","texture","filters","BlurFilter","Math","min","width","height","Point","anchor","mask","addChild","drawCursor","removeCursor","circle","max","name","removeFromParent","moveCursorListener","position","start","interactive","cursor","cursorListener","on","blurListener","stopListening","off","addEventListener","once","removeEventListener","stop"],"mappings":"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"}