@thx/controls 17.3.1 → 17.3.2

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@thx/controls",
-	"version": "17.3.1",
+	"version": "17.3.2",
 	"description": "A collection of components designed with SemanticUI.",
 	"bugs": {
 		"url": "https://github.com/thr-consulting/thr-addons/issues"
@@ -30,8 +30,8 @@
 		"ts": "thx ts"
 	},
 	"dependencies": {
-		"@js-joda/core": "^5.1.0",
-		"@thx/date": "^17.3.1",
+		"@js-joda/core": "^5.6.5",
+		"@thx/date": "^17.3.2",
 		"@thx/money": "^17.2.1",
 		"@types/inputmask": "^5.0.7",
 		"@types/react-datepicker": "^6.0.1",
@@ -62,5 +62,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "de24a4ff0e207da492e794dac2a9133f4d29eb44"
+	"gitHead": "1a69d88c303df956e42852cf40d20b63084d54d2"
 }

package/dist/esm/inputs/Scriptel/Scriptel.js

@@ -1,52 +0,0 @@
-import React, { useRef, useState, useEffect, useMemo } from 'react';
-import debug from 'debug';
-import { ScriptelContext } from './ScriptelContext.js';
-import { ScriptelSocket } from './scriptel/index.js';
-
-debug("thx.controls.inputs.Scriptel");
-function Scriptel({ omniscriptUrl, imageType, scale, crop, penStyle, children }) {
-  const socket = useRef();
-  const [render, setRender] = useState();
-  const [loading, setLoading] = useState(false);
-  const [isSigning, setIsSigning] = useState(false);
-  useEffect(() => {
-    socket.current = new ScriptelSocket({
-      omniscriptUrl,
-      imageType,
-      scale,
-      crop,
-      penStyle
-    });
-    socket.current.on("render", (msg) => {
-      setRender(msg);
-      setLoading(false);
-      setRender(void 0);
-    });
-    socket.current.on("okButtonDown", () => {
-      setLoading(true);
-    });
-    socket.current.on("cancel", () => {
-      setLoading(false);
-      setRender(void 0);
-    });
-    socket.current.on("penMove", () => {
-      setIsSigning(true);
-    });
-    socket.current.on("penUp", () => {
-      setIsSigning(false);
-    });
-    return () => {
-      if (socket.current)
-        socket.current.close();
-    };
-  }, [omniscriptUrl, imageType, scale, crop, penStyle]);
-  const scriptel = useMemo(() => {
-    return { socket, renderImage: render, loading, isSigning };
-  }, [isSigning, loading, render]);
-  return /* @__PURE__ */ React.createElement(ScriptelContext.Provider, {
-    value: scriptel
-  }, children);
-}
-
-export { Scriptel };
-//# sourceMappingURL=Scriptel.js.map

package/dist/esm/inputs/Scriptel/Scriptel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Scriptel.js","sources":["../../../../src/inputs/Scriptel/Scriptel.tsx"],"sourcesContent":["import debug from 'debug';\nimport {useEffect, useMemo, useRef, useState} from 'react';\nimport {ScriptelContext} from './ScriptelContext';\nimport {ScriptelSocket} from './scriptel';\nimport type {ScriptelPenStyle} from './scriptel/enums';\nimport type {RenderedImage} from './scriptel/messages';\n\nconst d = debug('thx.controls.inputs.Scriptel');\n\nexport interface ScriptelProps {\n\tomniscriptUrl?: string; // Defaults to 'ws://localhost:8080'\n\timageType?: string; // Defaults to 'image/svg+xml'.\n\tscale?: number; // Defaults to 1\n\tcrop?: boolean; // Defaults to false\n\tpenStyle?: ScriptelPenStyle; // Defaults to 'PlainPenStyle'\n\tchildren: JSX.Element | JSX.Element[];\n}\n\nexport function Scriptel({omniscriptUrl, imageType, scale, crop, penStyle, children}: ScriptelProps) {\n\tconst socket = useRef<ScriptelSocket>();\n\tconst [render, setRender] = useState<RenderedImage>();\n\tconst [loading, setLoading] = useState<boolean>(false);\n\tconst [isSigning, setIsSigning] = useState<boolean>(false);\n\n\tuseEffect(() => {\n\t\tsocket.current = new ScriptelSocket({\n\t\t\tomniscriptUrl,\n\t\t\timageType,\n\t\t\tscale,\n\t\t\tcrop,\n\t\t\tpenStyle,\n\t\t});\n\n\t\tsocket.current.on('render', msg => {\n\t\t\tsetRender(msg);\n\t\t\tsetLoading(false);\n\t\t\tsetRender(undefined); // todo look at this in future\n\t\t});\n\t\tsocket.current.on('okButtonDown', () => {\n\t\t\tsetLoading(true);\n\t\t});\n\t\tsocket.current.on('cancel', () => {\n\t\t\tsetLoading(false);\n\t\t\tsetRender(undefined);\n\t\t});\n\t\tsocket.current.on('penMove', () => {\n\t\t\tsetIsSigning(true);\n\t\t});\n\t\tsocket.current.on('penUp', () => {\n\t\t\tsetIsSigning(false);\n\t\t});\n\n\t\treturn () => {\n\t\t\tif (socket.current) socket.current.close();\n\t\t};\n\t}, [omniscriptUrl, imageType, scale, crop, penStyle]);\n\n\tconst scriptel = useMemo(() => {\n\t\treturn {socket, renderImage: render, loading, isSigning};\n\t}, [isSigning, loading, render]);\n\n\treturn <ScriptelContext.Provider value={scriptel}>{children}</ScriptelContext.Provider>;\n}\n"],"names":[],"mappings":";;;;;AAOU,MAAM,8BAA8B,EAAA;AAWvC,SAAA,QAAA,CAAkB,EAAC,aAAe,EAAA,SAAA,EAAW,KAAO,EAAA,IAAA,EAAM,UAAU,QAA0B,EAAA,EAAA;AACpG,EAAA,MAAM,SAAS,MAAuB,EAAA,CAAA;AACtC,EAAM,MAAA,CAAC,MAAQ,EAAA,SAAA,CAAA,GAAa,QAAwB,EAAA,CAAA;AACpD,EAAA,MAAM,CAAC,OAAA,EAAS,UAAc,CAAA,GAAA,QAAA,CAAkB,KAAK,CAAA,CAAA;AACrD,EAAA,MAAM,CAAC,SAAA,EAAW,YAAgB,CAAA,GAAA,QAAA,CAAkB,KAAK,CAAA,CAAA;AAEzD,EAAA,SAAA,CAAU,MAAM;AACf,IAAO,MAAA,CAAA,OAAA,GAAU,IAAI,cAAe,CAAA;AAAA,MACnC,aAAA;AAAA,MACA,SAAA;AAAA,MACA,KAAA;AAAA,MACA,IAAA;AAAA,MACA,QAAA;AAAA,KACA,CAAA,CAAA;AAED,IAAO,MAAA,CAAA,OAAA,CAAQ,EAAG,CAAA,QAAA,EAAU,CAAO,GAAA,KAAA;AAClC,MAAA,SAAA,CAAU,GAAG,CAAA,CAAA;AACb,MAAA,UAAA,CAAW,KAAK,CAAA,CAAA;AAChB,MAAA,SAAA,CAAU,KAAS,CAAA,CAAA,CAAA;AAAA,KACnB,CAAA,CAAA;AACD,IAAO,MAAA,CAAA,OAAA,CAAQ,EAAG,CAAA,cAAA,EAAgB,MAAM;AACvC,MAAA,UAAA,CAAW,IAAI,CAAA,CAAA;AAAA,KACf,CAAA,CAAA;AACD,IAAO,MAAA,CAAA,OAAA,CAAQ,EAAG,CAAA,QAAA,EAAU,MAAM;AACjC,MAAA,UAAA,CAAW,KAAK,CAAA,CAAA;AAChB,MAAA,SAAA,CAAU,KAAS,CAAA,CAAA,CAAA;AAAA,KACnB,CAAA,CAAA;AACD,IAAO,MAAA,CAAA,OAAA,CAAQ,EAAG,CAAA,SAAA,EAAW,MAAM;AAClC,MAAA,YAAA,CAAa,IAAI,CAAA,CAAA;AAAA,KACjB,CAAA,CAAA;AACD,IAAO,MAAA,CAAA,OAAA,CAAQ,EAAG,CAAA,OAAA,EAAS,MAAM;AAChC,MAAA,YAAA,CAAa,KAAK,CAAA,CAAA;AAAA,KAClB,CAAA,CAAA;AAED,IAAA,OAAO,MAAM;AACZ,MAAA,IAAI,MAAO,CAAA,OAAA;AAAS,QAAA,MAAA,CAAO,QAAQ,KAAM,EAAA,CAAA;AAAA,KAC1C,CAAA;AAAA,KACE,CAAC,aAAA,EAAe,WAAW,KAAO,EAAA,IAAA,EAAM,QAAQ,CAAC,CAAA,CAAA;AAEpD,EAAM,MAAA,QAAA,GAAW,QAAQ,MAAM;AAC9B,IAAA,OAAO,EAAC,MAAA,EAAQ,WAAa,EAAA,MAAA,EAAQ,SAAS,SAAS,EAAA,CAAA;AAAA,GACrD,EAAA,CAAC,SAAW,EAAA,OAAA,EAAS,MAAM,CAAC,CAAA,CAAA;AAE/B,EAAO,uBAAA,KAAA,CAAA,aAAA,CAAC,gBAAgB,QAAhB,EAAA;AAAA,IAAyB,KAAO,EAAA,QAAA;AAAA,GAAA,EAAW,QAAS,CAAA,CAAA;AAC7D;;;;"}

package/dist/esm/inputs/Scriptel/ScriptelContext.js

@@ -1,6 +0,0 @@
-import { createContext } from 'react';
-
-const ScriptelContext = createContext(void 0);
-
-export { ScriptelContext };
-//# sourceMappingURL=ScriptelContext.js.map

package/dist/esm/inputs/Scriptel/ScriptelContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ScriptelContext.js","sources":["../../../../src/inputs/Scriptel/ScriptelContext.ts"],"sourcesContent":["import {createContext, MutableRefObject} from 'react';\nimport type {ScriptelSocket} from './scriptel';\nimport type {RenderedImage} from './scriptel/messages';\n\nexport const ScriptelContext = createContext<\n\t{socket: MutableRefObject<ScriptelSocket | undefined>; renderImage: RenderedImage | undefined; loading: boolean; isSigning: boolean} | undefined\n>(undefined);\n"],"names":[],"mappings":";;AAIa,MAAA,eAAA,GAAkB,cAE7B,KAAS,CAAA;;;;"}

package/dist/esm/inputs/Scriptel/scriptel/enums.js

@@ -1,21 +0,0 @@
-var ScriptelPenStyle = /* @__PURE__ */ ((ScriptelPenStyle2) => {
-  ScriptelPenStyle2["Plain"] = "PlainPenStyle";
-  ScriptelPenStyle2["Chisel"] = "ChiselPenStyle";
-  ScriptelPenStyle2["Inkwell"] = "InkwellPenStyle";
-  return ScriptelPenStyle2;
-})(ScriptelPenStyle || {});
-var ScriptelMessageClass = /* @__PURE__ */ ((ScriptelMessageClass2) => {
-  ScriptelMessageClass2["ConnectionOpen"] = "ConnectionOpen";
-  ScriptelMessageClass2["DeviceOpenRequest"] = "DeviceOpenRequest";
-  ScriptelMessageClass2["DeviceOpenResponse"] = "DeviceOpenResponse";
-  ScriptelMessageClass2["RenderedImage"] = "RenderedImage";
-  ScriptelMessageClass2["ScriptelException"] = "ScriptelException";
-  ScriptelMessageClass2["ButtonDown"] = "ButtonDown";
-  ScriptelMessageClass2["ButtonPress"] = "ButtonPress";
-  ScriptelMessageClass2["PenMove"] = "PenMove";
-  ScriptelMessageClass2["PenUp"] = "PenUp";
-  return ScriptelMessageClass2;
-})(ScriptelMessageClass || {});
-
-export { ScriptelMessageClass, ScriptelPenStyle };
-//# sourceMappingURL=enums.js.map

package/dist/esm/inputs/Scriptel/scriptel/enums.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"enums.js","sources":["../../../../../src/inputs/Scriptel/scriptel/enums.ts"],"sourcesContent":["export enum ScriptelPenStyle {\n\tPlain = 'PlainPenStyle',\n\tChisel = 'ChiselPenStyle',\n\tInkwell = 'InkwellPenStyle',\n}\n\nexport enum ScriptelMessageClass {\n\tConnectionOpen = 'ConnectionOpen',\n\tDeviceOpenRequest = 'DeviceOpenRequest',\n\tDeviceOpenResponse = 'DeviceOpenResponse',\n\tRenderedImage = 'RenderedImage',\n\tScriptelException = 'ScriptelException',\n\tButtonDown = 'ButtonDown',\n\tButtonPress = 'ButtonPress',\n\tPenMove = 'PenMove',\n\tPenUp = 'PenUp',\n}\n"],"names":[],"mappings":"AAAY,IAAA,gBAAA,qBAAA,iBAAL,KAAA;AACN,EAAQ,iBAAA,CAAA,OAAA,CAAA,GAAA,eAAA,CAAA;AACR,EAAS,iBAAA,CAAA,QAAA,CAAA,GAAA,gBAAA,CAAA;AACT,EAAU,iBAAA,CAAA,SAAA,CAAA,GAAA,iBAAA,CAAA;AAHC,EAAA,OAAA,iBAAA,CAAA;AAAA,CAAA,EAAA,gBAAA,IAAA,EAAA,EAAA;AAMA,IAAA,oBAAA,qBAAA,qBAAL,KAAA;AACN,EAAiB,qBAAA,CAAA,gBAAA,CAAA,GAAA,gBAAA,CAAA;AACjB,EAAoB,qBAAA,CAAA,mBAAA,CAAA,GAAA,mBAAA,CAAA;AACpB,EAAqB,qBAAA,CAAA,oBAAA,CAAA,GAAA,oBAAA,CAAA;AACrB,EAAgB,qBAAA,CAAA,eAAA,CAAA,GAAA,eAAA,CAAA;AAChB,EAAoB,qBAAA,CAAA,mBAAA,CAAA,GAAA,mBAAA,CAAA;AACpB,EAAa,qBAAA,CAAA,YAAA,CAAA,GAAA,YAAA,CAAA;AACb,EAAc,qBAAA,CAAA,aAAA,CAAA,GAAA,aAAA,CAAA;AACd,EAAU,qBAAA,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;AACV,EAAQ,qBAAA,CAAA,OAAA,CAAA,GAAA,OAAA,CAAA;AATG,EAAA,OAAA,qBAAA,CAAA;AAAA,CAAA,EAAA,oBAAA,IAAA,EAAA;;;;"}

package/dist/esm/inputs/Scriptel/scriptel/index.js

@@ -1,93 +0,0 @@
-import debug from 'debug';
-import EventEmitter from 'eventemitter3';
-import { ScriptelMessageClass, ScriptelPenStyle } from './enums.js';
-
-const d = debug("thx.controls.inputs.Scriptel.scriptel");
-function serverConnected(msg, socket) {
-  d("Server connected");
-  if (msg.serverInfo.devices.length > 0) {
-    const device = msg.serverInfo.devices[0];
-    socket.send(JSON.stringify({
-      _class: "DeviceOpenRequest",
-      uuid: device.uuid
-    }));
-  }
-}
-function deviceConnected(msg, socket, args) {
-  d(`Device connected: ${msg.device.uuid}`);
-  const { imageType, scale, crop, penStyle } = args;
-  socket.send(JSON.stringify({
-    _class: "RenderSettingsUpdateRequest",
-    renderSettings: {
-      _class: "RenderSettings",
-      type: imageType || "image/svg+xml",
-      scale: scale || 1,
-      crop: crop || false,
-      penStyle: penStyle ? {
-        renderFunction: penStyle
-      } : {
-        renderFunction: ScriptelPenStyle.Plain
-      }
-    }
-  }));
-}
-function render(msg, args, eventEmitter) {
-  d(`Rendered image: ${msg.type} ${msg.width}x${msg.height}`);
-  eventEmitter.emit("render", msg);
-}
-class ScriptelSocket extends EventEmitter {
-  constructor(args) {
-    super();
-    this.options = args;
-    this.socket = new WebSocket(args.omniscriptUrl || "ws://localhost:8080");
-    this.socket.onopen = () => {
-      d("Socket open");
-    };
-    this.socket.onclose = () => {
-      d("Socket closed");
-    };
-    this.socket.onmessage = (ev) => {
-      const msg = JSON.parse(ev.data);
-      if (!msg._class)
-        return;
-      switch (msg._class) {
-        case ScriptelMessageClass.ConnectionOpen:
-          serverConnected(msg, this.socket);
-          break;
-        case ScriptelMessageClass.DeviceOpenResponse:
-          deviceConnected(msg, this.socket, this.options);
-          break;
-        case ScriptelMessageClass.RenderedImage:
-          render(msg, this.options, this);
-          break;
-        case ScriptelMessageClass.ScriptelException:
-          d(`Scriptel Exception Error: ${msg.message}`);
-          break;
-        case ScriptelMessageClass.ButtonPress:
-          if (msg.label === "Cancel")
-            this.emit("cancel");
-          break;
-        case ScriptelMessageClass.ButtonDown:
-          if (msg.label === "OK")
-            this.emit("okButtonDown");
-          break;
-        case ScriptelMessageClass.PenMove:
-          this.emit("penMove");
-          break;
-        case ScriptelMessageClass.PenUp:
-          this.emit("penUp");
-          break;
-      }
-    };
-  }
-  calibrate() {
-    d("calibrate");
-    this.socket.send(JSON.stringify({ _class: "ForceRecalibrate" }));
-  }
-  close() {
-    this.socket.close();
-  }
-}
-
-export { ScriptelSocket };
-//# sourceMappingURL=index.js.map

package/dist/esm/inputs/Scriptel/scriptel/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/inputs/Scriptel/scriptel/index.ts"],"sourcesContent":["/* globals WebSocket: true */\nimport debug from 'debug';\nimport EventEmitter from 'eventemitter3';\nimport {ScriptelMessageClass, ScriptelPenStyle} from './enums';\nimport type {ConnectionOpen, DeviceOpenResponse, Message, RenderedImage} from './messages';\n\nconst d = debug('thx.controls.inputs.Scriptel.scriptel');\n\nexport interface ScriptelSocketArgs {\n\tomniscriptUrl?: string; // Defaults to 'ws://localhost:8080'\n\timageType?: string; // Defaults to 'image/svg+xml'.\n\tscale?: number; // Defaults to 1\n\tcrop?: boolean; // Defaults to false\n\tpenStyle?: ScriptelPenStyle; // Defaults to 'PlainPenStyle'\n\trender?: () => void;\n}\n\nfunction serverConnected(msg: ConnectionOpen, socket: WebSocket) {\n\td('Server connected');\n\tif (msg.serverInfo.devices.length > 0) {\n\t\t// Grab the first available device\n\t\tconst device = msg.serverInfo.devices[0];\n\t\tsocket.send(\n\t\t\tJSON.stringify({\n\t\t\t\t_class: 'DeviceOpenRequest',\n\t\t\t\tuuid: device.uuid,\n\t\t\t}),\n\t\t);\n\t}\n}\n\nfunction deviceConnected(msg: DeviceOpenResponse, socket: WebSocket, args: ScriptelSocketArgs) {\n\td(`Device connected: ${msg.device.uuid}`);\n\tconst {imageType, scale, crop, penStyle} = args;\n\tsocket.send(\n\t\tJSON.stringify({\n\t\t\t_class: 'RenderSettingsUpdateRequest',\n\t\t\trenderSettings: {\n\t\t\t\t_class: 'RenderSettings',\n\t\t\t\ttype: imageType || 'image/svg+xml',\n\t\t\t\tscale: scale || 1,\n\t\t\t\tcrop: crop || false,\n\t\t\t\tpenStyle: penStyle\n\t\t\t\t\t? {\n\t\t\t\t\t\t\trenderFunction: penStyle,\n\t\t\t\t\t  }\n\t\t\t\t\t: {\n\t\t\t\t\t\t\trenderFunction: ScriptelPenStyle.Plain,\n\t\t\t\t\t  },\n\t\t\t},\n\t\t}),\n\t);\n}\n\nfunction render(msg: RenderedImage, args: ScriptelSocketArgs, eventEmitter: EventEmitter) {\n\td(`Rendered image: ${msg.type} ${msg.width}x${msg.height}`);\n\teventEmitter.emit('render', msg);\n}\n\nexport class ScriptelSocket extends EventEmitter {\n\tprivate socket: WebSocket;\n\tprivate options: ScriptelSocketArgs;\n\n\tconstructor(args: ScriptelSocketArgs) {\n\t\tsuper();\n\n\t\tthis.options = args;\n\n\t\tthis.socket = new WebSocket(args.omniscriptUrl || 'ws://localhost:8080');\n\n\t\tthis.socket.onopen = () => {\n\t\t\td('Socket open');\n\t\t};\n\n\t\tthis.socket.onclose = () => {\n\t\t\td('Socket closed');\n\t\t};\n\n\t\tthis.socket.onmessage = ev => {\n\t\t\tconst msg = JSON.parse(ev.data) as Message;\n\t\t\tif (!msg._class) return; // A message with no class.\n\n\t\t\tswitch (msg._class) {\n\t\t\t\tcase ScriptelMessageClass.ConnectionOpen:\n\t\t\t\t\tserverConnected(msg, this.socket);\n\t\t\t\t\tbreak;\n\t\t\t\tcase ScriptelMessageClass.DeviceOpenResponse:\n\t\t\t\t\tdeviceConnected(msg, this.socket, this.options);\n\t\t\t\t\tbreak;\n\t\t\t\tcase ScriptelMessageClass.RenderedImage:\n\t\t\t\t\trender(msg, this.options, this);\n\t\t\t\t\tbreak;\n\t\t\t\tcase ScriptelMessageClass.ScriptelException:\n\t\t\t\t\td(`Scriptel Exception Error: ${msg.message}`);\n\t\t\t\t\tbreak;\n\n\t\t\t\tcase ScriptelMessageClass.ButtonPress:\n\t\t\t\t\tif (msg.label === 'Cancel') this.emit('cancel');\n\t\t\t\t\tbreak;\n\t\t\t\tcase ScriptelMessageClass.ButtonDown:\n\t\t\t\t\tif (msg.label === 'OK') this.emit('okButtonDown');\n\t\t\t\t\tbreak;\n\t\t\t\tcase ScriptelMessageClass.PenMove:\n\t\t\t\t\tthis.emit('penMove');\n\t\t\t\t\tbreak;\n\t\t\t\tcase ScriptelMessageClass.PenUp:\n\t\t\t\t\tthis.emit('penUp');\n\t\t\t\t\tbreak;\n\t\t\t\tdefault:\n\t\t\t}\n\t\t};\n\t}\n\n\tcalibrate() {\n\t\td('calibrate');\n\t\tthis.socket.send(JSON.stringify({_class: 'ForceRecalibrate'}));\n\t}\n\n\tclose() {\n\t\tthis.socket.close();\n\t}\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/inputs/Scriptel/withScriptel.js

@@ -1,15 +0,0 @@
-import React from 'react';
-import { Scriptel } from './Scriptel.js';
-
-function withScriptel(WrappedComponent, scriptelProps) {
-  return function withScriptelHoC(props) {
-    return /* @__PURE__ */ React.createElement(Scriptel, {
-      ...scriptelProps
-    }, /* @__PURE__ */ React.createElement(WrappedComponent, {
-      ...props
-    }));
-  };
-}
-
-export { withScriptel };
-//# sourceMappingURL=withScriptel.js.map

package/dist/esm/inputs/Scriptel/withScriptel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"withScriptel.js","sources":["../../../../src/inputs/Scriptel/withScriptel.tsx"],"sourcesContent":["import {Scriptel, ScriptelProps} from './Scriptel';\n\n/**\n * A HoC that provides a connection to a Scriptel Omniscript device.\n * You can only have a single connection open at a time.\n * @param WrappedComponent\n * @return {Object}\n */\nexport function withScriptel(WrappedComponent: any, scriptelProps: ScriptelProps) {\n\treturn function withScriptelHoC(props: any) {\n\t\treturn (\n\t\t\t<Scriptel {...scriptelProps}>\n\t\t\t\t<WrappedComponent {...props} />\n\t\t\t</Scriptel>\n\t\t);\n\t};\n}\n"],"names":[],"mappings":";;;AAQO,SAAA,YAAA,CAAsB,kBAAuB,aAA8B,EAAA;AACjF,EAAA,OAAO,yBAAyB,KAAY,EAAA;AAC3C,IAAA,uBACE,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA;AAAA,MAAa,GAAA,aAAA;AAAA,KAAA,kBACZ,KAAA,CAAA,aAAA,CAAA,gBAAA,EAAA;AAAA,MAAqB,GAAA,KAAA;AAAA,KAAO,CAC9B,CAAA,CAAA;AAAA,GAEF,CAAA;AACD;;;;"}

package/dist/esm/inputs/ScriptelInput/ScriptelInput.js

@@ -1,67 +0,0 @@
-import React, { useContext, useState, useEffect } from 'react';
-import debug from 'debug';
-import { Button, Image } from 'semantic-ui-react';
-import { ScriptelContext } from '../Scriptel/ScriptelContext.js';
-
-debug("thx.controls.inputs.ScriptelInput");
-function ScriptelInput(props) {
-  const { value, onChange, buttonText = "Enter Signature" } = props;
-  const ctx = useContext(ScriptelContext);
-  const [enterSignature, setEnterSignature] = useState(false);
-  useEffect(() => {
-    if (enterSignature) {
-      if (onChange && ctx?.renderImage) {
-        setEnterSignature(false);
-        if (ctx.renderImage.type === "image/svg+xml" || ctx.renderImage.type === "image/png") {
-          onChange({
-            type: ctx.renderImage.type,
-            width: ctx.renderImage.width,
-            height: ctx.renderImage.height,
-            timestamp: new Date(),
-            data: ctx.renderImage.data
-          });
-        }
-      }
-      if (onChange && !ctx) {
-        onChange();
-      }
-    }
-  }, [ctx]);
-  if (enterSignature) {
-    return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", null, ctx?.isSigning ? "signing..." : "Enter a signature and click OK."), /* @__PURE__ */ React.createElement(Button, {
-      onClick: () => {
-        setEnterSignature(false);
-      },
-      color: "black",
-      loading: ctx?.loading,
-      disabled: ctx?.loading
-    }, "Cancel"), /* @__PURE__ */ React.createElement(Button, {
-      size: "mini",
-      as: "a",
-      basic: true,
-      onClick: () => ctx?.socket.current?.calibrate(),
-      disabled: ctx?.loading
-    }, "Calibrate"));
-  }
-  if (value && value.data) {
-    return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Image, {
-      size: "medium",
-      src: value.data,
-      bordered: true
-    }), /* @__PURE__ */ React.createElement(Button, {
-      size: "mini",
-      compact: true,
-      onClick: () => {
-        setEnterSignature(false);
-        if (onChange)
-          onChange();
-      }
-    }, "Reset"));
-  }
-  return /* @__PURE__ */ React.createElement(Button, {
-    onClick: () => setEnterSignature(true)
-  }, buttonText);
-}
-
-export { ScriptelInput };
-//# sourceMappingURL=ScriptelInput.js.map

package/dist/esm/inputs/ScriptelInput/ScriptelInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ScriptelInput.js","sources":["../../../../src/inputs/ScriptelInput/ScriptelInput.tsx"],"sourcesContent":["import type {ScriptelSchemaType} from '@thx/yup-types';\nimport debug from 'debug';\nimport {useContext, useEffect, useState} from 'react';\nimport {Button, Image} from 'semantic-ui-react';\nimport {ScriptelContext} from '../Scriptel/ScriptelContext';\n\nconst d = debug('thx.controls.inputs.ScriptelInput');\n\nexport interface ScriptelInputProps {\n\tvalue?: ScriptelSchemaType;\n\tonChange?: (value?: ScriptelSchemaType) => void;\n\tbuttonText?: string;\n}\n\nexport function ScriptelInput(props: ScriptelInputProps) {\n\tconst {value, onChange, buttonText = 'Enter Signature'} = props;\n\tconst ctx = useContext(ScriptelContext);\n\n\tconst [enterSignature, setEnterSignature] = useState(false);\n\n\tuseEffect(() => {\n\t\tif (enterSignature) {\n\t\t\tif (onChange && ctx?.renderImage) {\n\t\t\t\tsetEnterSignature(false);\n\t\t\t\tif (ctx.renderImage.type === 'image/svg+xml' || ctx.renderImage.type === 'image/png') {\n\t\t\t\t\tonChange({\n\t\t\t\t\t\ttype: ctx.renderImage.type,\n\t\t\t\t\t\twidth: ctx.renderImage.width,\n\t\t\t\t\t\theight: ctx.renderImage.height,\n\t\t\t\t\t\ttimestamp: new Date(),\n\t\t\t\t\t\tdata: ctx.renderImage.data,\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t}\n\t\t\tif (onChange && !ctx) {\n\t\t\t\tonChange();\n\t\t\t}\n\t\t}\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [ctx]);\n\n\tif (enterSignature) {\n\t\treturn (\n\t\t\t<div>\n\t\t\t\t<div>{ctx?.isSigning ? 'signing...' : 'Enter a signature and click OK.'}</div>\n\t\t\t\t<Button\n\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\tsetEnterSignature(false);\n\t\t\t\t\t}}\n\t\t\t\t\tcolor=\"black\"\n\t\t\t\t\tloading={ctx?.loading}\n\t\t\t\t\tdisabled={ctx?.loading}\n\t\t\t\t>\n\t\t\t\t\tCancel\n\t\t\t\t</Button>\n\t\t\t\t<Button size=\"mini\" as=\"a\" basic onClick={() => ctx?.socket.current?.calibrate()} disabled={ctx?.loading}>\n\t\t\t\t\tCalibrate\n\t\t\t\t</Button>\n\t\t\t</div>\n\t\t);\n\t}\n\n\tif (value && value.data) {\n\t\treturn (\n\t\t\t<div>\n\t\t\t\t<Image size=\"medium\" src={value.data} bordered />\n\t\t\t\t<Button\n\t\t\t\t\tsize=\"mini\"\n\t\t\t\t\tcompact\n\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\tsetEnterSignature(false);\n\t\t\t\t\t\tif (onChange) onChange();\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\tReset\n\t\t\t\t</Button>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn <Button onClick={() => setEnterSignature(true)}>{buttonText}</Button>;\n}\n"],"names":[],"mappings":"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"}