@edifice.io/react 2.0.0-develop-rc.12 → 2.0.0-develop-rc.13

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

@@ -1,158 +0,0 @@
-import * as u from "pixi.js";
-const v = 20, O = "CONTROL_NAME";
-function c(e) {
-  return "RESIZE_CORNER_" + e;
-}
-function l(e, t) {
-  const n = t.x, r = t.y;
-  switch (e) {
-    case "TOP_LEFT":
-      return {
-        x: n,
-        y: r,
-        start: 0,
-        end: Math.PI / 2
-      };
-    case "TOP_RIGHT":
-      return {
-        x: n + t.width,
-        y: r,
-        start: Math.PI / 2,
-        end: Math.PI
-      };
-    case "BOTTOM_LEFT":
-      return {
-        x: n,
-        y: r + t.height,
-        start: 3 * Math.PI / 2,
-        end: 2 * Math.PI
-      };
-    case "BOTTOM_RIGHT":
-      return {
-        x: n + t.width,
-        y: r + t.height,
-        start: Math.PI,
-        end: 3 * Math.PI / 2
-      };
-  }
-}
-function I(e, {
-  container: t,
-  cornerType: n,
-  position: r,
-  spriteName: o
-}) {
-  const h = e.stage.getChildByName(o, !0);
-  if (h == null) return;
-  const s = h.rotation % Math.PI !== 0, d = s ? h.height : h.width, T = s ? h.width : h.height;
-  switch (n) {
-    case "TOP_LEFT": {
-      t.position = new u.Point(r.x, r.y), t.width = d - 2 * r.x, t.height = T - 2 * r.y;
-      break;
-    }
-    case "TOP_RIGHT": {
-      const g = d - r.x;
-      t.position = new u.Point(g, r.y), t.width = d - 2 * g, t.height = T - 2 * r.y;
-      break;
-    }
-    case "BOTTOM_LEFT": {
-      const g = T - r.y;
-      t.position = new u.Point(r.x, g), t.width = d - 2 * r.x, t.height = T - 2 * g;
-      break;
-    }
-    case "BOTTOM_RIGHT": {
-      const g = T - r.y, f = d - r.x;
-      t.position = new u.Point(f, g), t.width = d - 2 * f, t.height = T - 2 * g;
-      break;
-    }
-  }
-}
-function w(e, t) {
-  const n = e.stage.getChildByName(c(t), !0);
-  n == null || n.removeFromParent();
-}
-function i(e, t, {
-  spriteName: n
-}) {
-  w(e, t);
-  const r = e.stage.getChildByName(n, !0), o = e.stage.getChildByName(O, !0);
-  if (r == null || o === null || o === void 0) return;
-  const h = l(t, o), s = new u.Graphics();
-  s.beginFill(4960213, 1), s.arc(0, 0, v, h.start, h.end), s.lineTo(0, 0), s.endFill(), s.position = new u.Point(h.x, h.y), s.name = c(t), s.interactive = !0;
-  let d = !1;
-  e.stage.on("pointermove", (f) => {
-    if (d === !1) return;
-    const C = e.stage.toLocal(f.global);
-    I(e, {
-      cornerType: t,
-      position: C,
-      container: o,
-      spriteName: n
-    });
-  });
-  const T = () => {
-    d = !1;
-  };
-  globalThis.addEventListener("pointerup", T), s.once("destroyed", () => {
-    s.off("pointerdown"), globalThis.removeEventListener("pointerup", T);
-  });
-  const g = () => {
-    d = !0;
-  };
-  s.on("pointerdown", g), o.addChild(s);
-}
-function _(e, t) {
-  P(e);
-  const n = e.stage.getChildByName(t, !0);
-  if (n == null) return;
-  const r = e.renderer.generateTexture(e.stage), o = new u.Sprite(r);
-  e.stage.children.forEach((s) => {
-    s.alpha = 0;
-  });
-  const h = new u.Graphics();
-  h.drawRect(0, 0, n.width, n.height), h.name = O, h.interactive = !0, h.interactiveChildren = !0, e.stage.interactive = !0, e.stage.interactiveChildren = !0, e.stage.addChild(h), h.addChild(o);
-}
-function P(e) {
-  const t = e.stage.getChildByName(O, !0);
-  t == null || t.removeFromParent(), e.stage.children.forEach((n) => {
-    n.alpha = 1;
-  });
-}
-function m(e, t) {
-  _(e, t), i(e, "BOTTOM_LEFT", {
-    spriteName: t
-  }), i(e, "BOTTOM_RIGHT", {
-    spriteName: t
-  }), i(e, "TOP_LEFT", {
-    spriteName: t
-  }), i(e, "TOP_RIGHT", {
-    spriteName: t
-  });
-}
-function a(e) {
-  P(e), w(e, "BOTTOM_LEFT"), w(e, "BOTTOM_RIGHT"), w(e, "TOP_LEFT"), w(e, "TOP_RIGHT"), e.stage.off("pointermove");
-}
-function M(e, t) {
-  m(e, t);
-}
-function x(e) {
-  a(e), e.stage.off("pointermove"), e.render();
-}
-function y(e) {
-  var r;
-  const t = (r = e == null ? void 0 : e.stage) == null ? void 0 : r.getChildByName(O, !0), n = t ? {
-    height: t.height,
-    width: t.width
-  } : void 0;
-  if (a(e), n) {
-    const o = e.renderer.generateTexture(e.stage).clone(), h = new u.Sprite(o);
-    return h.width = n.width, h.height = n.height, h;
-  } else
-    return;
-}
-export {
-  y as save,
-  M as start,
-  x as stop
-};
-//# sourceMappingURL=resize.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"resize.js","sources":["../../../../../src/modules/multimedia/ImageEditor/effects/resize.ts"],"sourcesContent":["import * as PIXI from 'pixi.js';\n\n//\n// Global constants used for crop effects\n//\n\n// Define the radius (pixel) of the corner\nconst POINT_RADIUS = 20;\n// Define the name of the graphical controls\nconst CONTROL_NAME = 'CONTROL_NAME';\n// Union type to identify corners\ntype CornerType = 'TOP_LEFT' | 'TOP_RIGHT' | 'BOTTOM_LEFT' | 'BOTTOM_RIGHT';\n\n//\n// Implementation\n//\n\n/**\n * This function generate names for corner objects\n * @param corner COrnerType identifying one corner\n * @returns A name identifying the corner object\n */\nfunction getCornerName(index: CornerType) {\n  return 'RESIZE_CORNER_' + index;\n}\n\n/**\n * This function compute coordinate (x,y) and angles (start,end) of a corner according to the CornerType\n * - (x,y) are coordinate of the corner in pixel relative to the parent\n * - (start, end) are angles between 0 and 2PI used to draw the corner relative using the Arc tool\n *\n * @param cornerType a CornerType for which we want to compute angles and coordinates\n * @param bounds bounds of the Cropped Texture (which is also the parent of the corner)\n * @returns the coordinates and the angles\n */\nfunction computeCornerPosition(position: CornerType, sprite: PIXI.Graphics) {\n  const left = sprite.x;\n  const top = sprite.y;\n  switch (position) {\n    case 'TOP_LEFT': {\n      return { x: left, y: top, start: 0, end: Math.PI / 2 };\n    }\n    case 'TOP_RIGHT': {\n      return {\n        x: left + sprite.width,\n        y: top,\n        start: Math.PI / 2,\n        end: Math.PI,\n      };\n    }\n    case 'BOTTOM_LEFT': {\n      return {\n        x: left,\n        y: top + sprite.height,\n        start: (3 * Math.PI) / 2,\n        end: 2 * Math.PI,\n      };\n    }\n    case 'BOTTOM_RIGHT': {\n      return {\n        x: left + sprite.width,\n        y: top + sprite.height,\n        start: Math.PI,\n        end: (3 * Math.PI) / 2,\n      };\n    }\n  }\n}\n\n/**\n * This function resize container when the corner move\n *\n * @param application the PIXI.Application context\n * @param arg.container  The container that materialize the controls graphical object\n * @param arg.cornerType The identifier the corner that moved\n * @param arg.position The new coordinate (x,y) of the corner\n * @param arg.spriteName The name of the sprite in the Application context\n */\nfunction resizeContainer(\n  application: PIXI.Application,\n  {\n    container,\n    cornerType,\n    position,\n    spriteName,\n  }: {\n    spriteName: string;\n    cornerType: CornerType;\n    position: { x: number; y: number };\n    container: PIXI.Graphics;\n  },\n): void {\n  const sprite = application.stage.getChildByName(\n    spriteName,\n    true,\n  ) as PIXI.Sprite | null;\n  if (sprite === undefined || sprite === null) return;\n  // Check whether sprite has been rotated\n  const isRotated = sprite.rotation % Math.PI !== 0;\n  // If sprite is rotated a multiple of 90°=>width and height are swapped\n  const spriteWidth = isRotated ? sprite.height : sprite.width;\n  const spriteHeight = isRotated ? sprite.width : sprite.height;\n  switch (cornerType) {\n    case 'TOP_LEFT': {\n      container.position = new PIXI.Point(position.x, position.y);\n      container.width = spriteWidth - 2 * position.x;\n      container.height = spriteHeight - 2 * position.y;\n      break;\n    }\n    case 'TOP_RIGHT': {\n      const newX = spriteWidth - position.x;\n      container.position = new PIXI.Point(newX, position.y);\n      container.width = spriteWidth - 2 * newX;\n      container.height = spriteHeight - 2 * position.y;\n      break;\n    }\n    case 'BOTTOM_LEFT': {\n      const newY = spriteHeight - position.y;\n      container.position = new PIXI.Point(position.x, newY);\n      container.width = spriteWidth - 2 * position.x;\n      container.height = spriteHeight - 2 * newY;\n      break;\n    }\n    case 'BOTTOM_RIGHT': {\n      const newY = spriteHeight - position.y;\n      const newX = spriteWidth - position.x;\n      container.position = new PIXI.Point(newX, newY);\n      container.width = spriteWidth - 2 * newX;\n      container.height = spriteHeight - 2 * newY;\n      break;\n    }\n  }\n}\n/**\n * This function remove the corner using identifier\n * If corner does not exists the function do nothing\n *\n * @param application the PIXI.Application context\n * @param cornerType identifier of the corner to remove\n */\nfunction removeCorner(\n  application: PIXI.Application,\n  cornerType: CornerType,\n): void {\n  const previous = application.stage.getChildByName(\n    getCornerName(cornerType),\n    true,\n  );\n  previous?.removeFromParent();\n}\n/**\n * This function draw corner inside the control container\n *\n * @param application the PIXI.Application context\n * @param cornerType identifier of the corner to draw\n * @param args.spriteName the name of the sprite in the context\n */\nfunction drawCorner(\n  application: PIXI.Application,\n  cornerType: CornerType,\n  { spriteName }: { spriteName: string },\n) {\n  // Delete corner before redraw if needed\n  removeCorner(application, cornerType);\n  // Search for sprite\n  const sprite = application.stage.getChildByName(\n    spriteName,\n    true,\n  ) as PIXI.Sprite | null;\n  // Search for container\n  const container = application.stage.getChildByName(\n    CONTROL_NAME,\n    true,\n  ) as PIXI.Graphics | null;\n  if (\n    sprite === null ||\n    sprite === undefined ||\n    container === null ||\n    container === undefined\n  )\n    return;\n  // Compute position of the container\n  const position = computeCornerPosition(cornerType, container);\n  // Draw and add the corner\n  const corner = new PIXI.Graphics();\n  corner.beginFill(0x4bafd5, 1);\n  corner.arc(0, 0, POINT_RADIUS, position.start, position.end);\n  corner.lineTo(0, 0);\n  corner.endFill();\n  corner.position = new PIXI.Point(position.x, position.y);\n  corner.name = getCornerName(cornerType);\n  // Add listener to redraw container while moving corner\n  corner.interactive = true;\n  let enable = false;\n  application.stage.on('pointermove', (event: PIXI.FederatedMouseEvent) => {\n    if (enable === false) return;\n    const localPosition = application.stage.toLocal(event.global);\n    resizeContainer(application, {\n      cornerType,\n      position: localPosition,\n      container,\n      spriteName,\n    });\n  });\n  // stop tracking on pointer up\n  const handlePointerUp = () => {\n    enable = false;\n  };\n  globalThis.addEventListener('pointerup', handlePointerUp);\n  // stop listening pointerup when corner is destroyed\n  corner.once('destroyed', () => {\n    // cancel listener\n    corner.off('pointerdown');\n    globalThis.removeEventListener('pointerup', handlePointerUp);\n  });\n  // Enable tracking on pointerdown\n  const handlePointerDown = () => {\n    enable = true;\n  };\n  corner.on('pointerdown', handlePointerDown);\n  // add to sprite\n  container.addChild(corner);\n}\n\n/**\n * This function draw the container if sprite exists in the Application context\n * The container contains all corners and has the same size as the sprite\n *\n * @param application the PIXI.Application context\n * @param spriteName the name of the sprite object in the context\n */\nfunction drawContainer(\n  application: PIXI.Application,\n  spriteName: string,\n): void {\n  removeContainer(application);\n  const sprite = application.stage.getChildByName(\n    spriteName,\n    true,\n  ) as PIXI.Sprite | null;\n  if (sprite === null || sprite === undefined) return;\n  // Clone the stage\n  const stageTexture = application.renderer.generateTexture(application.stage);\n  const clonedStage = new PIXI.Sprite(stageTexture);\n  // Hide all children (including original sprite)\n  application.stage.children.forEach((child) => {\n    child.alpha = 0;\n  });\n  // Draw and add the container\n  const container = new PIXI.Graphics();\n  container.drawRect(0, 0, sprite.width, sprite.height);\n  container.name = CONTROL_NAME;\n  container.interactive = true;\n  container.interactiveChildren = true;\n  application.stage.interactive = true;\n  application.stage.interactiveChildren = true;\n  application.stage.addChild(container);\n  container.addChild(clonedStage);\n}\n/**\n * This function remove the container if exists\n * @param application the PIXI.Application context\n */\nfunction removeContainer(application: PIXI.Application): void {\n  const container = application.stage.getChildByName(\n    CONTROL_NAME,\n    true,\n  ) as PIXI.Graphics | null;\n  container?.removeFromParent();\n  // display all child\n  application.stage.children.forEach((child) => {\n    child.alpha = 1;\n  });\n}\n/**\n * Draw all control graphical objects: container + 4 corners\n *\n * @param application the PIXI.Application context\n * @param spriteName the name of the sprite representing the image\n */\nfunction drawControl(application: PIXI.Application, spriteName: string): void {\n  drawContainer(application, spriteName);\n  drawCorner(application, 'BOTTOM_LEFT', { spriteName });\n  drawCorner(application, 'BOTTOM_RIGHT', { spriteName });\n  drawCorner(application, 'TOP_LEFT', { spriteName });\n  drawCorner(application, 'TOP_RIGHT', { spriteName });\n}\n/**\n * Remove all control graphical objects if exists : container + 4 corners\n *\n * @param application the PIXI.Application context\n */\nfunction removeControl(application: PIXI.Application): void {\n  removeContainer(application);\n  removeCorner(application, 'BOTTOM_LEFT');\n  removeCorner(application, 'BOTTOM_RIGHT');\n  removeCorner(application, 'TOP_LEFT');\n  removeCorner(application, 'TOP_RIGHT');\n  application.stage.off('pointermove');\n}\n/**\n * Draw all graphical object to control the resize\n *\n * @param application the PIXI.Application context\n * @param spriteName the name of the sprite representing the image\n */\nexport function start(application: PIXI.Application, spriteName: string): void {\n  drawControl(application, spriteName);\n}\n/**\n * If {saveChanges} is true remove all graphical controls then resize the sprite\n * If {saveChanges} is false remove all graphical controls and keep original size\n *\n * @param application the PIXI.Application context\n * @param param.saveChanges true if we should save the resize\n * @param param.spriteName the name of the sprite representing the original image\n */\nexport function stop(application: PIXI.Application): void {\n  removeControl(application);\n  application.stage.off('pointermove');\n  application.render();\n}\n/**\n *\n * @param application the PIXI.Application context\n * @param spriteName  the name of the sprite representing the image\n * @param size the target size of the image {width, height}\n * @returns a PIXI.Sprite with a image resized or undefined if not found\n */\nexport function save(application: PIXI.Application): PIXI.Sprite | undefined {\n  // Search for container\n  const container = application?.stage?.getChildByName(\n    CONTROL_NAME,\n    true,\n  ) as PIXI.Graphics | null;\n  // Get target size\n  const size = container\n    ? { height: container.height, width: container.width }\n    : undefined;\n  // Remove graphic control\n  removeControl(application);\n  if (size) {\n    // Clone stage\n    const stageTexture = application.renderer\n      .generateTexture(application.stage)\n      .clone();\n    const clonedStage = new PIXI.Sprite(stageTexture);\n    // Apply new size to the stage\n    clonedStage.width = size.width;\n    clonedStage.height = size.height;\n    return clonedStage;\n  } else {\n    return undefined;\n  }\n}\n"],"names":["POINT_RADIUS","CONTROL_NAME","getCornerName","index","computeCornerPosition","position","sprite","left","x","top","y","start","end","Math","PI","width","height","resizeContainer","application","container","cornerType","spriteName","stage","getChildByName","isRotated","rotation","spriteWidth","spriteHeight","PIXI","Point","newX","newY","removeCorner","previous","removeFromParent","drawCorner","undefined","corner","Graphics","beginFill","arc","lineTo","endFill","name","interactive","enable","on","event","localPosition","toLocal","global","handlePointerUp","addEventListener","once","off","removeEventListener","handlePointerDown","addChild","drawContainer","removeContainer","stageTexture","renderer","generateTexture","clonedStage","Sprite","children","forEach","child","alpha","drawRect","interactiveChildren","drawControl","removeControl","stop","render","save","size","clone"],"mappings":"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"}

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

@@ -1,34 +0,0 @@
-import { toBlob as h, updateImageFromBlob as y, createImageSettings as f, resizeStage as m } from "./misc.js";
-async function u(e, s) {
-  const d = e == null ? void 0 : e.stage.getChildByName(s, !0);
-  if (e && d) {
-    if (!e) return;
-    const b = await h(e), i = await y(e, {
-      imgDatasource: b,
-      spriteName: s,
-      settings: f({
-        application: e,
-        sprite: d
-      })
-    });
-    if (!i)
-      return;
-    let r, g;
-    const t = e.view;
-    t.style && (r = t.style.maxHeight ?? "", g = t.style.visibility ?? "", t.style.maxHeight = `${t.clientHeight}px`, t.style.visibility = "hidden"), i.rotation += Math.PI / 2, m({
-      application: e,
-      sprite: i,
-      newHeight: i.width,
-      newWidth: i.height
-    }), e.render();
-    const o = await h(e);
-    r !== void 0 && (t.style.maxHeight = r), g !== void 0 && (t.style.visibility = g), await y(e, {
-      imgDatasource: o,
-      spriteName: s
-    });
-  }
-}
-export {
-  u as rotate
-};
-//# sourceMappingURL=rotate.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"rotate.js","sources":["../../../../../src/modules/multimedia/ImageEditor/effects/rotate.ts"],"sourcesContent":["import * as PIXI from 'pixi.js';\n\nimport {\n  createImageSettings,\n  resizeStage,\n  toBlob,\n  updateImageFromBlob,\n} from './misc';\n\n/**\n * This function rotate the sprite by adding PI/2\n *\n * @param application The PIXI.Application context\n * @param spriteName The name of the sprite representing the image\n */\nexport async function rotate(\n  application: PIXI.Application,\n  spriteName: string,\n): Promise<void> {\n  const sprite = application?.stage.getChildByName(\n    spriteName,\n    true,\n  ) as PIXI.Sprite | null;\n  if (application && sprite) {\n    if (!application) return undefined;\n    // create blob\n    const blobBefore = await toBlob(application);\n    // replace sprite using blob\n    const mergedSprite = await updateImageFromBlob(application, {\n      imgDatasource: blobBefore,\n      spriteName,\n      settings: createImageSettings({ application, sprite }),\n    });\n    if (!mergedSprite) {\n      return;\n    }\n    // fix maxHeight to avoid resize modal\n    let backupOldMaxHeight: string | undefined = undefined;\n    let backupOldVisibility: string | undefined = undefined;\n    const canvas = application.view as any as HTMLElement;\n    if (canvas.style) {\n      backupOldMaxHeight = canvas.style.maxHeight ?? '';\n      backupOldVisibility = canvas.style.visibility ?? '';\n      canvas.style.maxHeight = `${canvas.clientHeight}px`;\n      canvas.style.visibility = 'hidden';\n    }\n    // rotate\n    mergedSprite.rotation += Math.PI / 2;\n    resizeStage({\n      application,\n      sprite: mergedSprite,\n      newHeight: mergedSprite.width,\n      newWidth: mergedSprite.height,\n    });\n    // render\n    application.render();\n    // create blob\n    const blobAfter = await toBlob(application);\n    // restore maxHeight (could be empty string)\n    if (backupOldMaxHeight !== undefined) {\n      canvas.style.maxHeight = backupOldMaxHeight;\n    }\n    // restore visibility (could be empty string....)\n    if (backupOldVisibility !== undefined) {\n      canvas.style.visibility = backupOldVisibility;\n    }\n    // replace sprite using blob\n    await updateImageFromBlob(application, {\n      imgDatasource: blobAfter,\n      spriteName,\n    });\n  }\n}\n"],"names":["rotate","application","spriteName","sprite","stage","getChildByName","undefined","blobBefore","toBlob","mergedSprite","updateImageFromBlob","imgDatasource","settings","createImageSettings","backupOldMaxHeight","backupOldVisibility","canvas","view","style","maxHeight","visibility","clientHeight","rotation","Math","PI","resizeStage","newHeight","width","newWidth","height","render","blobAfter"],"mappings":";AAesBA,eAAAA,EACpBC,GACAC,GACe;AACf,QAAMC,IAASF,KAAAA,gBAAAA,EAAaG,MAAMC,eAChCH,GACA;AAEF,MAAID,KAAeE,GAAQ;AACrB,QAAA,CAACF,EAAoBK;AAEnBC,UAAAA,IAAa,MAAMC,EAAOP,CAAW,GAErCQ,IAAe,MAAMC,EAAoBT,GAAa;AAAA,MAC1DU,eAAeJ;AAAAA,MACfL,YAAAA;AAAAA,MACAU,UAAUC,EAAoB;AAAA,QAAEZ,aAAAA;AAAAA,QAAaE,QAAAA;AAAAA,MAAAA,CAAQ;AAAA,IAAA,CACtD;AACD,QAAI,CAACM;AACH;AAGF,QAAIK,GACAC;AACJ,UAAMC,IAASf,EAAYgB;AAC3B,IAAID,EAAOE,UACYF,IAAAA,EAAOE,MAAMC,aAAa,IACzBH,IAAAA,EAAOE,MAAME,cAAc,IACjDJ,EAAOE,MAAMC,YAAY,GAAGH,EAAOK,YAAY,MAC/CL,EAAOE,MAAME,aAAa,WAGfE,EAAAA,YAAYC,KAAKC,KAAK,GACvBC,EAAA;AAAA,MACVxB,aAAAA;AAAAA,MACAE,QAAQM;AAAAA,MACRiB,WAAWjB,EAAakB;AAAAA,MACxBC,UAAUnB,EAAaoB;AAAAA,IAAAA,CACxB,GAED5B,EAAY6B,OAAO;AAEbC,UAAAA,IAAY,MAAMvB,EAAOP,CAAW;AAE1C,IAAIa,MAAuBR,WACzBU,EAAOE,MAAMC,YAAYL,IAGvBC,MAAwBT,WAC1BU,EAAOE,MAAME,aAAaL,IAG5B,MAAML,EAAoBT,GAAa;AAAA,MACrCU,eAAeoB;AAAAA,MACf7B,YAAAA;AAAAA,IAAAA,CACD;AAAA,EACH;AACF;"}

package/dist/modules/multimedia/ImageEditor/hooks/useHistoryTool.js

@@ -1,65 +0,0 @@
-import { useState as l, useEffect as f } from "react";
-import { toBlob as x } from "../effects/misc.js";
-const d = 20, z = ({
-  maxSize: r = d,
-  application: s,
-  spriteName: h,
-  onRestore: c
-}) => {
-  const [o, i] = l([]);
-  f(() => {
-    i([]);
-  }, [s]);
-  const g = async () => {
-    const e = o.pop();
-    e && (c(await e.backup, e), i(o.filter((t) => t !== e)));
-  }, y = (e) => (e.length > r && e.splice(0, e.length - r), e), u = async (e) => {
-    if (!s)
-      return;
-    const t = s.stage.getChildByName(h, !0);
-    if (t == null)
-      return;
-    const n = x(s), a = {
-      backup: n,
-      sprite: {
-        rotation: t.rotation,
-        size: {
-          width: t.width,
-          height: t.height
-        },
-        position: {
-          x: t.position.x,
-          y: t.position.y
-        },
-        scale: {
-          x: t.scale.x,
-          y: t.scale.y
-        },
-        anchor: {
-          x: t.anchor.x,
-          y: t.anchor.y
-        }
-      },
-      stage: {
-        size: {
-          width: s.stage.width,
-          height: s.stage.height
-        },
-        scale: {
-          x: s.stage.scale.x,
-          y: s.stage.scale.y
-        }
-      }
-    };
-    return i([...y(o), a]), await n, e.call(e);
-  };
-  return {
-    historyCount: o.length,
-    restore: g,
-    historize: u
-  };
-};
-export {
-  z as default
-};
-//# sourceMappingURL=useHistoryTool.js.map

package/dist/modules/multimedia/ImageEditor/hooks/useHistoryTool.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useHistoryTool.js","sources":["../../../../../src/modules/multimedia/ImageEditor/hooks/useHistoryTool.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport * as PIXI from 'pixi.js';\n\nimport { ImageSettings, toBlob } from '../effects/misc';\n\n// Define how much backup are stored in history\nconst DEFAULT_MAX_HISTORY = 20;\n\n/**\n * Defined the structure of the backup in history\n */\nexport interface HistoryState extends ImageSettings {\n  backup: Promise<Blob>;\n}\n\nexport interface UseHistoryToolsProps {\n  maxSize?: number;\n  application?: PIXI.Application;\n  spriteName: string;\n  onRestore: (img: Blob, state: HistoryState) => void;\n}\n/**\n * This hook expose all the functions needed for historizing actions:\n * - historize: Create a backup\n * - restore: Restore a backup\n * - historyCount: How much states stored in history\n *\n * @param param.maxSize the maximum size of the history\n * @param param.application the PIXI.Application context\n * @param param.spriteName the sprite name of the edited image\n * @param param.onRestore a callback called when a backup is restored\n * @returns all functions needed for managing history\n */\nconst useHistoryTool = ({\n  maxSize = DEFAULT_MAX_HISTORY,\n  application,\n  spriteName,\n  onRestore,\n}: UseHistoryToolsProps) => {\n  const [history, setHistory] = useState<HistoryState[]>([]);\n  useEffect(() => {\n    setHistory([]);\n  }, [application]);\n  const restore = async () => {\n    const imgData = history.pop();\n    if (imgData) {\n      onRestore(await imgData.backup, imgData);\n      setHistory(history.filter((current) => current !== imgData));\n    }\n  };\n  const listSize = (arr: HistoryState[]) => {\n    if (arr.length > maxSize) {\n      arr.splice(0, arr.length - maxSize);\n    }\n    return arr;\n  };\n  const historize = async <T extends (...args: any[]) => any>(callback: T) => {\n    if (!application) {\n      return;\n    }\n    const sprite = application.stage.getChildByName(spriteName, true) as\n      | PIXI.Sprite\n      | null\n      | undefined;\n    if (sprite === undefined || sprite === null) {\n      return;\n    }\n    const promise = toBlob(application);\n    const state: HistoryState = {\n      backup: promise,\n      sprite: {\n        rotation: sprite.rotation,\n        size: { width: sprite.width, height: sprite.height },\n        position: { x: sprite.position.x, y: sprite.position.y },\n        scale: { x: sprite.scale.x, y: sprite.scale.y },\n        anchor: { x: sprite.anchor.x, y: sprite.anchor.y },\n      },\n      stage: {\n        size: {\n          width: application.stage.width,\n          height: application.stage.height,\n        },\n        scale: { x: application.stage.scale.x, y: application.stage.scale.y },\n      },\n    };\n    setHistory([...listSize(history), state]);\n    await promise;\n    return callback.call(callback);\n  };\n\n  return {\n    historyCount: history.length,\n    restore,\n    historize,\n  };\n};\n\nexport default useHistoryTool;\n"],"names":["DEFAULT_MAX_HISTORY","useHistoryTool","maxSize","application","spriteName","onRestore","history","setHistory","useState","useEffect","restore","imgData","pop","backup","filter","current","listSize","arr","length","splice","historize","callback","sprite","stage","getChildByName","promise","toBlob","state","rotation","size","width","height","position","x","y","scale","anchor","call","historyCount"],"mappings":";;AAOA,MAAMA,IAAsB,IA2BtBC,IAAiBA,CAAC;AAAA,EACtBC,SAAAA,IAAUF;AAAAA,EACVG,aAAAA;AAAAA,EACAC,YAAAA;AAAAA,EACAC,WAAAA;AACoB,MAAM;AAC1B,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAyB,CAAE,CAAA;AACzDC,EAAAA,EAAU,MAAM;AACdF,IAAAA,EAAW,CAAE,CAAA;AAAA,EAAA,GACZ,CAACJ,CAAW,CAAC;AAChB,QAAMO,IAAU,YAAY;AACpBC,UAAAA,IAAUL,EAAQM;AACxB,IAAID,MACQN,EAAA,MAAMM,EAAQE,QAAQF,CAAO,GACvCJ,EAAWD,EAAQQ,OAAQC,CAAYA,MAAAA,MAAYJ,CAAO,CAAC;AAAA,EAC7D,GAEIK,IAAWA,CAACC,OACZA,EAAIC,SAAShB,KACfe,EAAIE,OAAO,GAAGF,EAAIC,SAAShB,CAAO,GAE7Be,IAEHG,IAAY,OAA0CC,MAAgB;AAC1E,QAAI,CAAClB;AACH;AAEF,UAAMmB,IAASnB,EAAYoB,MAAMC,eAAepB,GAAY,EAAI;AAI5DkB,QAAwBA,KAAW;AACrC;AAEIG,UAAAA,IAAUC,EAAOvB,CAAW,GAC5BwB,IAAsB;AAAA,MAC1Bd,QAAQY;AAAAA,MACRH,QAAQ;AAAA,QACNM,UAAUN,EAAOM;AAAAA,QACjBC,MAAM;AAAA,UAAEC,OAAOR,EAAOQ;AAAAA,UAAOC,QAAQT,EAAOS;AAAAA,QAAO;AAAA,QACnDC,UAAU;AAAA,UAAEC,GAAGX,EAAOU,SAASC;AAAAA,UAAGC,GAAGZ,EAAOU,SAASE;AAAAA,QAAE;AAAA,QACvDC,OAAO;AAAA,UAAEF,GAAGX,EAAOa,MAAMF;AAAAA,UAAGC,GAAGZ,EAAOa,MAAMD;AAAAA,QAAE;AAAA,QAC9CE,QAAQ;AAAA,UAAEH,GAAGX,EAAOc,OAAOH;AAAAA,UAAGC,GAAGZ,EAAOc,OAAOF;AAAAA,QAAE;AAAA,MACnD;AAAA,MACAX,OAAO;AAAA,QACLM,MAAM;AAAA,UACJC,OAAO3B,EAAYoB,MAAMO;AAAAA,UACzBC,QAAQ5B,EAAYoB,MAAMQ;AAAAA,QAC5B;AAAA,QACAI,OAAO;AAAA,UAAEF,GAAG9B,EAAYoB,MAAMY,MAAMF;AAAAA,UAAGC,GAAG/B,EAAYoB,MAAMY,MAAMD;AAAAA,QAAE;AAAA,MACtE;AAAA,IAAA;AAEF3B,WAAAA,EAAW,CAAC,GAAGS,EAASV,CAAO,GAAGqB,CAAK,CAAC,GAClCF,MAAAA,GACCJ,EAASgB,KAAKhB,CAAQ;AAAA,EAAA;AAGxB,SAAA;AAAA,IACLiB,cAAchC,EAAQY;AAAAA,IACtBR,SAAAA;AAAAA,IACAU,WAAAA;AAAAA,EAAAA;AAEJ;"}

package/dist/modules/multimedia/ImageEditor/hooks/useImageEditor.js

@@ -1,77 +0,0 @@
-import { useState as i, useEffect as D } from "react";
-import "@pixi/mixin-get-child-by-name";
-import I from "./useHistoryTool.js";
-import w from "./useImageEffects.js";
-import { updateImage as n, DEFAULT_SPRITE_NAME as z, saveAsBlob as C, saveAsDataURL as L, updateImageFromBlob as b } from "../effects/misc.js";
-function S({
-  imageSrc: a,
-  spriteName: r = z
-}) {
-  const [t, u] = i(void 0), [f, o] = i(!0), {
-    rotate: l,
-    startBlur: c,
-    startCrop: p,
-    startResize: d,
-    stopBlur: m,
-    stopCrop: v,
-    stopResize: g
-  } = w({
-    spriteName: r,
-    application: t,
-    onSave(s) {
-      t && n(t, {
-        imgDatasource: s,
-        spriteName: r
-      });
-    }
-  }), y = () => t ? C(t) : Promise.resolve(void 0), R = () => {
-    if (t)
-      return L(t);
-  }, {
-    restore: B,
-    historize: e,
-    historyCount: E
-  } = I({
-    application: t,
-    spriteName: r,
-    onRestore(s, A) {
-      t && b(t, {
-        imgDatasource: s,
-        spriteName: r,
-        settings: A
-      });
-    }
-  });
-  return D(() => {
-    t && (o(!0), n(t, {
-      spriteName: r,
-      imgDatasource: a
-    }).finally(() => o(!1)));
-  }, [t, a, r]), {
-    historyCount: E,
-    setApplication: u,
-    restore: B,
-    stopCrop: v,
-    stopBlur: m,
-    stopResize: g,
-    startResize: async () => {
-      o(!0), await e(d), o(!1);
-    },
-    startCrop: async () => {
-      o(!0), await e(p), o(!1);
-    },
-    startBlur: async () => {
-      o(!0), await e(c), o(!1);
-    },
-    rotate: async () => {
-      o(!0), await e(l), o(!1);
-    },
-    toBlob: y,
-    toDataURL: R,
-    loading: f
-  };
-}
-export {
-  S as default
-};
-//# sourceMappingURL=useImageEditor.js.map

package/dist/modules/multimedia/ImageEditor/hooks/useImageEditor.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useImageEditor.js","sources":["../../../../../src/modules/multimedia/ImageEditor/hooks/useImageEditor.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport * as PIXI from 'pixi.js';\n\nimport '@pixi/mixin-get-child-by-name';\nimport useHistoryTool from './useHistoryTool';\nimport useImageEffects from './useImageEffects';\nimport {\n  DEFAULT_SPRITE_NAME,\n  updateImage,\n  saveAsBlob,\n  saveAsDataURL,\n  updateImageFromBlob,\n} from '../effects/misc';\n\n/**\n * This hook expose all the functions available for the pixi editor:\n * - all the effects (crop, resize, rotate, blur)\n * - historize every action\n * - backup functions\n *\n * @param args.spriteName The spriteName of the original image\n * @param args.imageSrc The URL of the image to edit\n * @returns all the action available for the image editor\n */\nexport default function useImageEditor({\n  imageSrc,\n  spriteName = DEFAULT_SPRITE_NAME,\n}: {\n  imageSrc: string;\n  spriteName?: string;\n}) {\n  const [application, setApplication] = useState<PIXI.Application | undefined>(\n    undefined,\n  );\n\n  const [loading, setLoading] = useState(true);\n\n  const {\n    rotate,\n    startBlur,\n    startCrop,\n    startResize,\n    stopBlur,\n    stopCrop,\n    stopResize,\n  } = useImageEffects({\n    spriteName,\n    application,\n    onSave(sprite) {\n      if (application) {\n        updateImage(application, {\n          imgDatasource: sprite,\n          spriteName,\n        });\n      }\n    },\n  });\n\n  const toBlob = (): Promise<Blob | undefined> => {\n    if (!application) return Promise.resolve(undefined);\n    return saveAsBlob(application);\n  };\n  const toDataURL = (): string | undefined => {\n    if (!application) return undefined;\n    return saveAsDataURL(application);\n  };\n\n  const { restore, historize, historyCount } = useHistoryTool({\n    application,\n    spriteName,\n    onRestore(imgDatasource, state) {\n      if (!application) return undefined;\n      updateImageFromBlob(application, {\n        imgDatasource,\n        spriteName,\n        settings: state,\n      });\n    },\n  });\n\n  useEffect(() => {\n    if (!application) return undefined;\n    setLoading(true);\n    updateImage(application, { spriteName, imgDatasource: imageSrc }).finally(\n      () => setLoading(false),\n    );\n  }, [application, imageSrc, spriteName]);\n\n  return {\n    historyCount,\n    setApplication,\n    restore,\n    stopCrop,\n    stopBlur,\n    stopResize,\n    startResize: async () => {\n      setLoading(true);\n      await historize(startResize);\n      setLoading(false);\n    },\n    startCrop: async () => {\n      setLoading(true);\n      await historize(startCrop);\n      setLoading(false);\n    },\n    startBlur: async () => {\n      setLoading(true);\n      await historize(startBlur);\n      setLoading(false);\n    },\n    rotate: async () => {\n      setLoading(true);\n      await historize(rotate);\n      setLoading(false);\n    },\n    toBlob,\n    toDataURL,\n    loading,\n  };\n}\n"],"names":["useImageEditor","imageSrc","spriteName","DEFAULT_SPRITE_NAME","application","setApplication","useState","undefined","loading","setLoading","rotate","startBlur","startCrop","startResize","stopBlur","stopCrop","stopResize","useImageEffects","onSave","sprite","updateImage","imgDatasource","toBlob","saveAsBlob","Promise","resolve","toDataURL","saveAsDataURL","restore","historize","historyCount","useHistoryTool","onRestore","state","updateImageFromBlob","settings","useEffect","finally"],"mappings":";;;;;AAyBA,SAAwBA,EAAe;AAAA,EACrCC,UAAAA;AAAAA,EACAC,YAAAA,IAAaC;AAIf,GAAG;AACD,QAAM,CAACC,GAAaC,CAAc,IAAIC,EACpCC,MACF,GAEM,CAACC,GAASC,CAAU,IAAIH,EAAS,EAAI,GAErC;AAAA,IACJI,QAAAA;AAAAA,IACAC,WAAAA;AAAAA,IACAC,WAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAC,YAAAA;AAAAA,MACEC,EAAgB;AAAA,IAClBf,YAAAA;AAAAA,IACAE,aAAAA;AAAAA,IACAc,OAAOC,GAAQ;AACb,MAAIf,KACFgB,EAAYhB,GAAa;AAAA,QACvBiB,eAAeF;AAAAA,QACfjB,YAAAA;AAAAA,MAAAA,CACD;AAAA,IAEL;AAAA,EAAA,CACD,GAEKoB,IAASA,MACRlB,IACEmB,EAAWnB,CAAW,IADJoB,QAAQC,QAAQlB,MAAS,GAG9CmB,IAAYA,MAA0B;AACtC,QAACtB;AACL,aAAOuB,EAAcvB,CAAW;AAAA,EAAA,GAG5B;AAAA,IAAEwB,SAAAA;AAAAA,IAASC,WAAAA;AAAAA,IAAWC,cAAAA;AAAAA,MAAiBC,EAAe;AAAA,IAC1D3B,aAAAA;AAAAA,IACAF,YAAAA;AAAAA,IACA8B,UAAUX,GAAeY,GAAO;AAC1B,MAAC7B,KACL8B,EAAoB9B,GAAa;AAAA,QAC/BiB,eAAAA;AAAAA,QACAnB,YAAAA;AAAAA,QACAiC,UAAUF;AAAAA,MAAAA,CACX;AAAA,IACH;AAAA,EAAA,CACD;AAEDG,SAAAA,EAAU,MAAM;AACV,IAAChC,MACLK,EAAW,EAAI,GACfW,EAAYhB,GAAa;AAAA,MAAEF,YAAAA;AAAAA,MAAYmB,eAAepB;AAAAA,IAAU,CAAA,EAAEoC,QAChE,MAAM5B,EAAW,EAAK,CACxB;AAAA,EACC,GAAA,CAACL,GAAaH,GAAUC,CAAU,CAAC,GAE/B;AAAA,IACL4B,cAAAA;AAAAA,IACAzB,gBAAAA;AAAAA,IACAuB,SAAAA;AAAAA,IACAb,UAAAA;AAAAA,IACAD,UAAAA;AAAAA,IACAE,YAAAA;AAAAA,IACAH,aAAa,YAAY;AACvBJ,MAAAA,EAAW,EAAI,GACf,MAAMoB,EAAUhB,CAAW,GAC3BJ,EAAW,EAAK;AAAA,IAClB;AAAA,IACAG,WAAW,YAAY;AACrBH,MAAAA,EAAW,EAAI,GACf,MAAMoB,EAAUjB,CAAS,GACzBH,EAAW,EAAK;AAAA,IAClB;AAAA,IACAE,WAAW,YAAY;AACrBF,MAAAA,EAAW,EAAI,GACf,MAAMoB,EAAUlB,CAAS,GACzBF,EAAW,EAAK;AAAA,IAClB;AAAA,IACAC,QAAQ,YAAY;AAClBD,MAAAA,EAAW,EAAI,GACf,MAAMoB,EAAUnB,CAAM,GACtBD,EAAW,EAAK;AAAA,IAClB;AAAA,IACAa,QAAAA;AAAAA,IACAI,WAAAA;AAAAA,IACAlB,SAAAA;AAAAA,EAAAA;AAEJ;"}

package/dist/modules/multimedia/ImageEditor/hooks/useImageEffects.js

@@ -1,53 +0,0 @@
-import { start as f, stop as u } from "../effects/blur.js";
-import { start as $, save as m, stop as n } from "../effects/crop.js";
-import { save as z, stop as B, start as C } from "../effects/resize.js";
-import { rotate as R } from "../effects/rotate.js";
-function k({
-  application: t,
-  spriteName: s,
-  onSave: o
-}) {
-  return {
-    rotate: async () => {
-      t && await R(t, s);
-    },
-    startCrop: () => {
-      t && $(t, {
-        spriteName: s
-      });
-    },
-    stopCrop: (e) => {
-      if (t) {
-        if (e) {
-          const r = m(t);
-          r && o(r);
-        }
-        n(t);
-      }
-    },
-    startBlur: () => {
-      t && f(t, {
-        spriteName: s
-      });
-    },
-    stopBlur: () => {
-      t && u(t);
-    },
-    startResize: () => {
-      t && C(t, s);
-    },
-    stopResize: (e) => {
-      if (t) {
-        if (e) {
-          const r = z(t);
-          r && o(r);
-        }
-        B(t);
-      }
-    }
-  };
-}
-export {
-  k as default
-};
-//# sourceMappingURL=useImageEffects.js.map

package/dist/modules/multimedia/ImageEditor/hooks/useImageEffects.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useImageEffects.js","sources":["../../../../../src/modules/multimedia/ImageEditor/hooks/useImageEffects.ts"],"sourcesContent":["import * as PIXI from 'pixi.js';\n\nimport * as blurEffect from '../effects/blur';\nimport * as cropEffect from '../effects/crop';\nimport * as resizeEffect from '../effects/resize';\nimport * as rotateEffect from '../effects/rotate';\n\nexport interface UseImageEffectsProps {\n  spriteName: string;\n  application?: PIXI.Application;\n  onSave(sprite: PIXI.Sprite): void;\n}\n/**\n * This hook expose all effects of the pixi editor\n *\n * @param args.spriteName The spriteName of the original image\n * @param args.application The PIXI.Application context\n * @param args.onSave A callback called when the sprite changes\n * @returns all the action available for the image editor\n */\nexport default function useImageEffects({\n  application,\n  spriteName,\n  onSave,\n}: UseImageEffectsProps) {\n  const startCrop = () => {\n    if (!application) return;\n    cropEffect.start(application, { spriteName });\n  };\n  const stopCrop = (save: boolean) => {\n    if (!application) return;\n    if (save) {\n      const result = cropEffect.save(application);\n      result && onSave(result);\n    }\n    cropEffect.stop(application);\n  };\n  const startBlur = () => {\n    if (!application) return;\n    blurEffect.start(application, { spriteName });\n  };\n  const stopBlur = () => {\n    if (!application) return;\n    blurEffect.stop(application);\n  };\n  const stopResize = (save: boolean) => {\n    if (!application) return;\n    if (save) {\n      const result = resizeEffect.save(application);\n      result && onSave(result);\n    }\n    resizeEffect.stop(application);\n  };\n  const startResize = () => {\n    if (!application) return;\n    resizeEffect.start(application, spriteName);\n  };\n  const rotate = async () => {\n    if (!application) return;\n    await rotateEffect.rotate(application, spriteName);\n  };\n  return {\n    rotate,\n    startCrop,\n    stopCrop,\n    startBlur,\n    stopBlur,\n    startResize,\n    stopResize,\n  };\n}\n"],"names":["useImageEffects","application","spriteName","onSave","rotateEffect","startCrop","cropEffect","stopCrop","save","result","startBlur","blurEffect","stopBlur","startResize","start","stopResize","resizeEffect"],"mappings":";;;;AAoBA,SAAwBA,EAAgB;AAAA,EACtCC,aAAAA;AAAAA,EACAC,YAAAA;AAAAA,EACAC,QAAAA;AACoB,GAAG;AAqChB,SAAA;AAAA,IAAA,QAJQ,YAAY;AACzB,MAAKF,KACCG,MAAAA,EAAoBH,GAAaC,CAAU;AAAA,IAAA;AAAA,IAIjDG,WAtCgBA,MAAM;AACtB,MAAKJ,KACLK,EAAiBL,GAAa;AAAA,QAAEC,YAAAA;AAAAA,MAAAA,CAAY;AAAA,IAAA;AAAA,IAqC5CK,UAnCeA,CAACC,MAAkB;AAClC,UAAKP,GACL;AAAA,YAAIO,GAAM;AACFC,gBAAAA,IAASH,EAAgBL,CAAW;AAC1CQ,UAAAA,KAAUN,EAAOM,CAAM;AAAA,QACzB;AACAH,QAAAA,EAAgBL,CAAW;AAAA;AAAA,IAAA;AAAA,IA8B3BS,WA5BgBA,MAAM;AACtB,MAAKT,KACLU,EAAiBV,GAAa;AAAA,QAAEC,YAAAA;AAAAA,MAAAA,CAAY;AAAA,IAAA;AAAA,IA2B5CU,UAzBeA,MAAM;AACrB,MAAKX,KACLU,EAAgBV,CAAW;AAAA,IAAA;AAAA,IAwB3BY,aAdkBA,MAAM;AACxB,MAAKZ,KACQa,EAAMb,GAAaC,CAAU;AAAA,IAAA;AAAA,IAa1Ca,YAvBiBA,CAACP,MAAkB;AACpC,UAAKP,GACL;AAAA,YAAIO,GAAM;AACFC,gBAAAA,IAASO,EAAkBf,CAAW;AAC5CQ,UAAAA,KAAUN,EAAOM,CAAM;AAAA,QACzB;AACAO,QAAAA,EAAkBf,CAAW;AAAA;AAAA,IAAA;AAAA,EAiB7Bc;AAEJ;"}

package/dist/modules/multimedia/ImageEditor/utils/aggregate.js

@@ -1,14 +0,0 @@
-function u(n, i, o) {
-  let e;
-  const t = [];
-  return function(r) {
-    t.push(i(r)), !e && (e = setTimeout(() => {
-      const c = [...t];
-      t.splice(0, t.length), o(c), e = void 0;
-    }, n));
-  };
-}
-export {
-  u as aggregate
-};
-//# sourceMappingURL=aggregate.js.map

package/dist/modules/multimedia/ImageEditor/utils/aggregate.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"aggregate.js","sources":["../../../../../src/modules/multimedia/ImageEditor/utils/aggregate.ts"],"sourcesContent":["/**\n * This function aggregate events and call the callback with aggregated events every {delay}\n *\n * @param delay delay between each call\n * @param map a function to transform event from {INPUT} to {OUTPUT}\n * @param callback a callback called with aggregated events every x ms\n * @returns a function that take as argument (INPUT)=>void\n */\nexport function aggregate<INPUT, OUTPUT>(\n  delay: number,\n  map: (input: INPUT) => OUTPUT,\n  callback: (aggregated: OUTPUT[]) => void,\n): (arg: INPUT) => void {\n  let timerId: number | undefined;\n  const pending: OUTPUT[] = [];\n  return function (arg: INPUT) {\n    pending.push(map(arg));\n    if (timerId) {\n      return;\n    }\n    timerId = setTimeout(() => {\n      const copy = [...pending];\n      // remove all\n      pending.splice(0, pending.length);\n      // call with aggregated\n      callback(copy);\n      // reset timer\n      timerId = undefined;\n    }, delay) as unknown as number;\n  };\n}\n"],"names":["aggregate","delay","map","callback","timerId","pending","arg","push","setTimeout","copy","splice","length","undefined"],"mappings":"AAQgBA,SAAAA,EACdC,GACAC,GACAC,GACsB;AAClBC,MAAAA;AACJ,QAAMC,IAAoB,CAAA;AAC1B,SAAO,SAAUC,GAAY;AAE3B,IADQC,EAAAA,KAAKL,EAAII,CAAG,CAAC,GACjBF,CAAAA,MAGJA,IAAUI,WAAW,MAAM;AACnBC,YAAAA,IAAO,CAAC,GAAGJ,CAAO;AAEhBK,MAAAA,EAAAA,OAAO,GAAGL,EAAQM,MAAM,GAEhCR,EAASM,CAAI,GAEHG,IAAAA;AAAAA,OACTX,CAAK;AAAA,EAAA;AAEZ;"}

package/dist/modules/multimedia/ImagePickerWorkspace/ImagePickerWorkspace.js

@@ -1,40 +0,0 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import { useState as x, useEffect as C } from "react";
-import I from "clsx";
-import { IconButton as r } from "../../../components/Button/IconButton.js";
-import { Icon as s } from "../../../components/Icon/Icon.js";
-import { Avatar as w } from "../../../components/Avatar/Avatar.js";
-import { AppIcon as z } from "../../../components/AppIcon/AppIcon.js";
-const E = ({
-  addButtonLabel: c = "Add image",
-  deleteButtonLabel: m = "Delete image",
-  src: l,
-  className: p,
-  mediaLibraryRef: d,
-  libraryMedia: t,
-  app: u,
-  onUploadImage: f,
-  onDeleteImage: g
-}) => {
-  const [o, i] = x(l || "");
-  C(() => {
-    t && (i(t), f(t));
-  }, [t]);
-  const v = () => {
-    var a;
-    (a = d.current) == null || a.show("image");
-  }, h = () => {
-    i(""), g();
-  }, k = I("image-input", p);
-  return /* @__PURE__ */ n("div", { id: "image-input", className: k, children: [
-    /* @__PURE__ */ n("div", { className: "image-input-actions gap-8", children: [
-      /* @__PURE__ */ e(r, { "aria-label": c, color: "tertiary", icon: /* @__PURE__ */ e(s, { name: "edit" }), onClick: v, type: "button", variant: "ghost" }),
-      /* @__PURE__ */ e(r, { "aria-label": m, color: "danger", disabled: !o, icon: /* @__PURE__ */ e(s, { name: "delete", size: "20" }), onClick: h, type: "button", variant: "ghost" })
-    ] }),
-    o ? /* @__PURE__ */ e(w, { alt: "", src: o, size: "xl" }) : /* @__PURE__ */ e(z, { app: u, iconFit: "ratio", size: "160", variant: "rounded" })
-  ] });
-};
-export {
-  E as default
-};
-//# sourceMappingURL=ImagePickerWorkspace.js.map

package/dist/modules/multimedia/ImagePickerWorkspace/ImagePickerWorkspace.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ImagePickerWorkspace.js","sources":["../../../../src/modules/multimedia/ImagePickerWorkspace/ImagePickerWorkspace.tsx"],"sourcesContent":["import { ComponentPropsWithRef, useEffect, useState } from 'react';\n\nimport { IWebApp } from '@edifice.io/ts-client';\n\nimport clsx from 'clsx';\nimport { Icon } from '../../..';\nimport { AppIcon } from '../../../components/AppIcon';\nimport { Avatar } from '../../../components/Avatar';\nimport { IconButton } from '../../../components/Button';\n\nexport interface ImagePickerWorkspaceProps\n  extends ComponentPropsWithRef<'input'> {\n  /**\n   * Accessible description of the add button\n   */\n  addButtonLabel: string;\n  /**\n   * Accessible description of the delete button\n   */\n  deleteButtonLabel: string;\n  /**\n   * Provide a default image as placeholder\n   */\n  src?: string;\n  /**\n   * Pathe element select in WorkSpace\n   */\n  libraryMedia: string;\n  /**\n   * Element select in WorkSpace\n   */\n  mediaLibraryRef: any;\n  /**\n   * To show the icon of an application\n   */\n  app?: IWebApp | undefined;\n\n  appCode?: string;\n  /**\n   * Optional class for styling purpose\n   */\n  className?: string;\n  /**\n   * Callback when uploading image\n   */\n  onUploadImage: (file: File | string) => void;\n  /**\n   * Callback when deleting image\n   */\n  onDeleteImage: () => void;\n}\n\nconst ImagePickerWorkspace = ({\n  addButtonLabel = 'Add image',\n  deleteButtonLabel = 'Delete image',\n  src,\n  className,\n  mediaLibraryRef,\n  libraryMedia,\n  app,\n  onUploadImage,\n  onDeleteImage,\n}: ImagePickerWorkspaceProps) => {\n  const [preview, setPreview] = useState<string>(src || '');\n\n  useEffect(() => {\n    if (libraryMedia) {\n      setPreview(libraryMedia);\n      onUploadImage(libraryMedia);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [libraryMedia]);\n\n  const handleClick = () => {\n    mediaLibraryRef.current?.show('image');\n  };\n\n  const handleClean = () => {\n    setPreview('');\n    onDeleteImage();\n  };\n\n  const classes = clsx('image-input', className);\n\n  return (\n    <div id=\"image-input\" className={classes}>\n      <div className=\"image-input-actions gap-8\">\n        <IconButton\n          aria-label={addButtonLabel}\n          color=\"tertiary\"\n          icon={<Icon name=\"edit\" />}\n          onClick={handleClick}\n          type=\"button\"\n          variant=\"ghost\"\n        />\n        <IconButton\n          aria-label={deleteButtonLabel}\n          color=\"danger\"\n          disabled={!preview}\n          icon={<Icon name=\"delete\" size=\"20\" />}\n          onClick={handleClean}\n          type=\"button\"\n          variant=\"ghost\"\n        />\n      </div>\n      {preview ? (\n        <Avatar alt=\"\" src={preview} size=\"xl\" />\n      ) : (\n        <AppIcon app={app} iconFit=\"ratio\" size=\"160\" variant=\"rounded\" />\n      )}\n    </div>\n  );\n};\n\nImagePickerWorkspace.displayName = 'ImagePickerWorkspace';\n\nexport default ImagePickerWorkspace;\n"],"names":["ImagePickerWorkspace","addButtonLabel","deleteButtonLabel","src","className","mediaLibraryRef","libraryMedia","app","onUploadImage","onDeleteImage","preview","setPreview","useState","useEffect","handleClick","current","show","handleClean","classes","clsx","jsxs","jsx","IconButton","Icon","Avatar","AppIcon"],"mappings":";;;;;;;AAoDA,MAAMA,IAAuBA,CAAC;AAAA,EAC5BC,gBAAAA,IAAiB;AAAA,EACjBC,mBAAAA,IAAoB;AAAA,EACpBC,KAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,iBAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,KAAAA;AAAAA,EACAC,eAAAA;AAAAA,EACAC,eAAAA;AACyB,MAAM;AAC/B,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAiBT,KAAO,EAAE;AAExDU,EAAAA,EAAU,MAAM;AACd,IAAIP,MACFK,EAAWL,CAAY,GACvBE,EAAcF,CAAY;AAAA,EAC5B,GAEC,CAACA,CAAY,CAAC;AAEjB,QAAMQ,IAAcA,MAAM;;AACRC,KAAAA,IAAAA,EAAAA,YAAAA,QAAAA,EAASC,KAAK;AAAA,EAAO,GAGjCC,IAAcA,MAAM;AACxBN,IAAAA,EAAW,EAAE,GACCF;EAAA,GAGVS,IAAUC,EAAK,eAAef,CAAS;AAE7C,SACG,gBAAAgB,EAAA,OAAA,EAAI,IAAG,eAAc,WAAWF,GAC/B,UAAA;AAAA,IAAC,gBAAAE,EAAA,OAAA,EAAI,WAAU,6BACb,UAAA;AAAA,MAAA,gBAAAC,EAACC,KACC,cAAYrB,GACZ,OAAM,YACN,MAAO,gBAAAoB,EAAAE,GAAA,EAAK,MAAK,OAAA,CAAM,GACvB,SAAST,GACT,MAAK,UACL,SAAQ,SAAO;AAAA,MAEjB,gBAAAO,EAACC,KACC,cAAYpB,GACZ,OAAM,UACN,UAAU,CAACQ,GACX,MAAM,gBAAAW,EAACE,KAAK,MAAK,UAAS,MAAK,KAAO,CAAA,GACtC,SAASN,GACT,MAAK,UACL,SAAQ,QAAO,CAAA;AAAA,IAAA,GAEnB;AAAA,IACCP,IACE,gBAAAW,EAAAG,GAAA,EAAO,KAAI,IAAG,KAAKd,GAAS,MAAK,KAAI,CAAA,IAEtC,gBAAAW,EAACI,KAAQ,KAAAlB,GAAU,SAAQ,SAAQ,MAAK,OAAM,SAAQ,WACvD;AAAA,EACH,EAAA,CAAA;AAEJ;"}

package/dist/modules/multimedia/Linker/ExternalLinker.js

@@ -1,46 +0,0 @@
-import { jsxs as i, jsx as s } from "react/jsx-runtime";
-import { useState as c, useEffect as f } from "react";
-import { useTranslation as T } from "react-i18next";
-import { StringUtils as u } from "../../../utils/StringUtils.js";
-import n from "../../../hooks/useToggle/useToggle.js";
-import { FormControl as b } from "../../../components/Form/FormControl.js";
-import { Label as d } from "../../../components/Label/Label.js";
-import { Input as L } from "../../../components/Input/Input.js";
-import { Checkbox as v } from "../../../components/Checkbox/Checkbox.js";
-const w = ({
-  link: t,
-  onChange: r,
-  multiNodeSelected: a = !1
-}) => {
-  const {
-    t: l
-  } = T(), [m, p] = c((t == null ? void 0 : t.text) || ""), [e, h] = c((t == null ? void 0 : t.url) || ""), [x, g] = n(t ? t.target === "_blank" : !0);
-  return f(() => {
-    a && (t != null && t.text) && p(t.text.slice(0, 20) + "...");
-  }, [a, t]), f(() => {
-    if (!e.length) {
-      r == null || r();
-      return;
-    }
-    const o = {
-      url: e,
-      text: a ? t == null ? void 0 : t.text : m || e,
-      target: x ? "_blank" : void 0
-    };
-    !u.isLocalURL(e) && !u.startWithHttp(e) && (o.url = "http://" + e), r == null || r(o);
-  }, [m, e, x]), /* @__PURE__ */ i("div", { className: "d-flex flex-column flex-fill gap-24", children: [
-    /* @__PURE__ */ i(b, { id: "linkText", isOptional: !0, children: [
-      /* @__PURE__ */ s(d, { children: l("bbm.linker.ext.text") }),
-      /* @__PURE__ */ s(L, { type: "text", placeholder: l("bbm.linker.ext.text.placeholder"), size: "md", disabled: a, value: m, onChange: (o) => p(o.target.value) })
-    ] }),
-    /* @__PURE__ */ i(b, { id: "linkUrl", isRequired: !0, children: [
-      /* @__PURE__ */ s(d, { children: l("bbm.linker.ext.url") }),
-      /* @__PURE__ */ s(L, { type: "text", placeholder: l("bbm.linker.ext.url.placeholder"), size: "md", value: e, onChange: (o) => h(o.target.value) })
-    ] }),
-    /* @__PURE__ */ s(v, { label: l("bbm.linker.open.tab"), onChange: () => g(), checked: x })
-  ] });
-};
-export {
-  w as default
-};
-//# sourceMappingURL=ExternalLinker.js.map

package/dist/modules/multimedia/Linker/ExternalLinker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ExternalLinker.js","sources":["../../../../src/modules/multimedia/Linker/ExternalLinker.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { useTranslation } from 'react-i18next';\n\nimport { Checkbox, FormControl, Input, Label } from '../../../components';\nimport { useToggle } from '../../../hooks';\nimport { StringUtils } from '../../../utils/StringUtils';\n\n/**\n * Properties for the ExternalLink.\n */\nexport interface IExternalLink {\n  /** Link Url */\n  url: string;\n  /** Link text for the llink display */\n  text?: string;\n  /** Link target (default: _blank) */\n  target?: '_blank';\n}\n\n/**\n * Properties for the ExternalLinker react component.\n */\nexport type ExternalLinkerProps = {\n  /** Default link to update. */\n  link?: Partial<IExternalLink>;\n  /**\n   * Set true if the user select multiple nodes. (note simple text selection)\n   */\n  multiNodeSelected?: boolean;\n  /** Target */\n  target?: '_blank';\n  /** Notify when the user change any link information */\n  onChange?: (link?: IExternalLink) => void;\n};\n\nconst ExternalLinker = ({\n  link,\n  onChange,\n  multiNodeSelected = false,\n}: ExternalLinkerProps) => {\n  const { t } = useTranslation();\n\n  const [linkText, setLinkText] = useState<string>(link?.text || '');\n  const [linkURL, setLinkURL] = useState<string>(link?.url || '');\n  const [isBlankTarget, toggleBlankTarget] = useToggle(\n    link ? link.target === '_blank' : true,\n  );\n\n  useEffect(() => {\n    if (multiNodeSelected && link?.text) {\n      setLinkText(link.text.slice(0, 20) + '...');\n    }\n  }, [multiNodeSelected, link]);\n\n  useEffect(() => {\n    if (!linkURL.length) {\n      onChange?.();\n      return;\n    }\n\n    const newLink: IExternalLink = {\n      url: linkURL,\n      text: !multiNodeSelected ? linkText || linkURL : link?.text,\n      target: isBlankTarget ? '_blank' : undefined,\n    };\n    if (\n      !StringUtils.isLocalURL(linkURL) &&\n      !StringUtils.startWithHttp(linkURL)\n    ) {\n      newLink.url = 'http://' + linkURL;\n    }\n    onChange?.(newLink);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [linkText, linkURL, isBlankTarget]);\n\n  return (\n    <div className=\"d-flex flex-column flex-fill gap-24\">\n      <FormControl id=\"linkText\" isOptional>\n        <Label>{t('bbm.linker.ext.text')}</Label>\n        <Input\n          type=\"text\"\n          placeholder={t('bbm.linker.ext.text.placeholder')}\n          size=\"md\"\n          disabled={multiNodeSelected}\n          value={linkText}\n          onChange={(e) => setLinkText(e.target.value)}\n        />\n      </FormControl>\n      <FormControl id=\"linkUrl\" isRequired>\n        <Label>{t('bbm.linker.ext.url')}</Label>\n        <Input\n          type=\"text\"\n          placeholder={t('bbm.linker.ext.url.placeholder')}\n          size=\"md\"\n          value={linkURL}\n          onChange={(e) => setLinkURL(e.target.value)}\n        />\n      </FormControl>\n      <Checkbox\n        label={t('bbm.linker.open.tab')}\n        onChange={() => toggleBlankTarget()}\n        checked={isBlankTarget}\n      />\n    </div>\n  );\n};\n\nexport default ExternalLinker;\n"],"names":["ExternalLinker","link","onChange","multiNodeSelected","t","useTranslation","linkText","setLinkText","useState","text","linkURL","setLinkURL","url","isBlankTarget","toggleBlankTarget","useToggle","target","useEffect","slice","length","newLink","undefined","StringUtils","isLocalURL","startWithHttp","jsxs","FormControl","jsx","Label","Input","e","value","Checkbox"],"mappings":";;;;;;;;;AAoCA,MAAMA,IAAiBA,CAAC;AAAA,EACtBC,MAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,mBAAAA,IAAoB;AACD,MAAM;AACnB,QAAA;AAAA,IAAEC,GAAAA;AAAAA,MAAMC,EAAe,GAEvB,CAACC,GAAUC,CAAW,IAAIC,GAAiBP,KAAAA,gBAAAA,EAAMQ,SAAQ,EAAE,GAC3D,CAACC,GAASC,CAAU,IAAIH,GAAiBP,KAAAA,gBAAAA,EAAMW,QAAO,EAAE,GACxD,CAACC,GAAeC,CAAiB,IAAIC,EACzCd,IAAOA,EAAKe,WAAW,WAAW,EACpC;AAEAC,SAAAA,EAAU,MAAM;AACVd,IAAAA,MAAqBF,KAAAA,QAAAA,EAAMQ,SAC7BF,EAAYN,EAAKQ,KAAKS,MAAM,GAAG,EAAE,IAAI,KAAK;AAAA,EAC5C,GACC,CAACf,GAAmBF,CAAI,CAAC,GAE5BgB,EAAU,MAAM;AACV,QAAA,CAACP,EAAQS,QAAQ;AACR,MAAAjB,KAAA,QAAAA;AACX;AAAA,IACF;AAEA,UAAMkB,IAAyB;AAAA,MAC7BR,KAAKF;AAAAA,MACLD,MAAON,IAA0CF,KAAAA,gBAAAA,EAAMQ,OAA5BH,KAAYI;AAAAA,MACvCM,QAAQH,IAAgB,WAAWQ;AAAAA,IAAAA;AAGnC,IAAA,CAACC,EAAYC,WAAWb,CAAO,KAC/B,CAACY,EAAYE,cAAcd,CAAO,MAElCU,EAAQR,MAAM,YAAYF,IAE5BR,KAAAA,QAAAA,EAAWkB;AAAAA,EAEV,GAAA,CAACd,GAAUI,GAASG,CAAa,CAAC,GAGnC,gBAAAY,EAAC,OAAI,EAAA,WAAU,uCACb,UAAA;AAAA,IAAA,gBAAAA,EAACC,GAAY,EAAA,IAAG,YAAW,YAAU,IACnC,UAAA;AAAA,MAAC,gBAAAC,EAAAC,GAAA,EAAOxB,UAAEA,EAAA,qBAAqB,EAAE,CAAA;AAAA,MACjC,gBAAAuB,EAACE,KACC,MAAK,QACL,aAAazB,EAAE,iCAAiC,GAChD,MAAK,MACL,UAAUD,GACV,OAAOG,GACP,UAAWwB,CAAAA,MAAMvB,EAAYuB,EAAEd,OAAOe,KAAK,GAAE;AAAA,IAAA,GAEjD;AAAA,IACC,gBAAAN,EAAAC,GAAA,EAAY,IAAG,WAAU,YAAU,IAClC,UAAA;AAAA,MAAC,gBAAAC,EAAAC,GAAA,EAAOxB,UAAEA,EAAA,oBAAoB,EAAE,CAAA;AAAA,wBAC/ByB,GACC,EAAA,MAAK,QACL,aAAazB,EAAE,gCAAgC,GAC/C,MAAK,MACL,OAAOM,GACP,UAAWoB,CAAAA,MAAMnB,EAAWmB,EAAEd,OAAOe,KAAK,GAAE;AAAA,IAAA,GAEhD;AAAA,IACA,gBAAAJ,EAACK,GACC,EAAA,OAAO5B,EAAE,qBAAqB,GAC9B,UAAU,MAAMU,EAAAA,GAChB,SAASD,EAAc,CAAA;AAAA,EAE3B,EAAA,CAAA;AAEJ;"}