@thx/controls 16.3.0 → 17.0.0-mantine.0

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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"}

package/dist/esm/inputs/SinInput/SinInput.js

@@ -1,54 +0,0 @@
-import React, { useState, useCallback, useMemo } from 'react';
-import debug from 'debug';
-import { Input, Icon } from 'semantic-ui-react';
-import SIN from 'social-insurance-number';
-import { useMaskedInput } from '../MaskedInput/useMaskedInput.js';
-
-debug("thx.controls.inputs.SinInput");
-function SinInput(props) {
-  const { value, onChange, ...rest } = props;
-  const [color, setColor] = useState("black");
-  const checkValidation = useCallback((valueArray) => {
-    const num = valueArray.join("").replaceAll(/(_|\s|-)/g, "");
-    const validate = new SIN(num);
-    if (num.length > 0) {
-      if (validate.isValid()) {
-        setColor("green");
-      } else {
-        setColor("red");
-      }
-    } else {
-      setColor("black");
-    }
-    return validate.isValid();
-  }, []);
-  const mask = useMemo(() => ({
-    mask: "999-999-999",
-    isComplete: checkValidation,
-    greedy: false,
-    autoUnmask: true
-  }), [checkValidation]);
-  const cardNumberRef = useMaskedInput({
-    mask,
-    value,
-    onChange: (v) => {
-      onChange && onChange(v);
-    },
-    onSet: (v) => {
-      checkValidation([v || ""]);
-    }
-  });
-  return /* @__PURE__ */ React.createElement(Input, {
-    ...rest,
-    icon: true
-  }, /* @__PURE__ */ React.createElement("input", {
-    ref: cardNumberRef
-  }), /* @__PURE__ */ React.createElement(Icon, {
-    name: "id badge",
-    color,
-    size: "large"
-  }));
-}
-
-export { SinInput };
-//# sourceMappingURL=SinInput.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SinInput.js","sources":["../../../../src/inputs/SinInput/SinInput.tsx"],"sourcesContent":["import debug from 'debug';\nimport {useCallback, useMemo, useState} from 'react';\nimport {Icon, Input, SemanticCOLORS} from 'semantic-ui-react';\nimport SIN from 'social-insurance-number';\nimport type {MaskedInputProps} from '../MaskedInput';\nimport {useMaskedInput} from '../MaskedInput/useMaskedInput';\n\nconst d = debug('thx.controls.inputs.SinInput');\n\nexport interface SinInputProps extends Omit<MaskedInputProps, 'mask'> {\n\tvalue?: string;\n\tonChange(value?: string): void;\n}\n\nexport function SinInput(props: SinInputProps) {\n\tconst {value, onChange, ...rest} = props;\n\tconst [color, setColor] = useState<SemanticCOLORS>('black');\n\n\tconst checkValidation = useCallback((valueArray: string[]) => {\n\t\tconst num = valueArray.join('').replaceAll(/(_|\\s|-)/g, '');\n\t\tconst validate = new SIN(num);\n\t\tif (num.length > 0) {\n\t\t\tif (validate.isValid()) {\n\t\t\t\tsetColor('green');\n\t\t\t} else {\n\t\t\t\tsetColor('red');\n\t\t\t}\n\t\t} else {\n\t\t\tsetColor('black');\n\t\t}\n\t\treturn validate.isValid();\n\t}, []);\n\n\tconst mask: MaskedInputProps['mask'] = useMemo(\n\t\t() => ({\n\t\t\tmask: '999-999-999',\n\t\t\tisComplete: checkValidation,\n\t\t\tgreedy: false,\n\t\t\tautoUnmask: true,\n\t\t}),\n\t\t[checkValidation],\n\t);\n\n\tconst cardNumberRef = useMaskedInput({\n\t\tmask,\n\t\tvalue,\n\t\tonChange: v => {\n\t\t\tonChange && onChange(v);\n\t\t},\n\t\tonSet: v => {\n\t\t\tcheckValidation([v || '']);\n\t\t},\n\t});\n\n\treturn (\n\t\t<Input {...rest} icon>\n\t\t\t<input ref={cardNumberRef} />\n\t\t\t<Icon name=\"id badge\" color={color} size=\"large\" />\n\t\t</Input>\n\t);\n}\n"],"names":[],"mappings":";;;;;;AAOU,MAAM,8BAA8B,EAAA;AAOvC,SAAA,QAAA,CAAkB,KAAsB,EAAA;AAC9C,EAAM,MAAA,EAAC,KAAO,EAAA,QAAA,EAAA,GAAa,IAAQ,EAAA,GAAA,KAAA,CAAA;AACnC,EAAA,MAAM,CAAC,KAAA,EAAO,QAAY,CAAA,GAAA,QAAA,CAAyB,OAAO,CAAA,CAAA;AAE1D,EAAM,MAAA,eAAA,GAAkB,WAAY,CAAA,CAAC,UAAyB,KAAA;AAC7D,IAAA,MAAM,MAAM,UAAW,CAAA,IAAA,CAAK,EAAE,CAAE,CAAA,UAAA,CAAW,aAAa,EAAE,CAAA,CAAA;AAC1D,IAAM,MAAA,QAAA,GAAW,IAAI,GAAA,CAAI,GAAG,CAAA,CAAA;AAC5B,IAAI,IAAA,GAAA,CAAI,SAAS,CAAG,EAAA;AACnB,MAAI,IAAA,QAAA,CAAS,SAAW,EAAA;AACvB,QAAA,QAAA,CAAS,OAAO,CAAA,CAAA;AAAA,OACV,MAAA;AACN,QAAA,QAAA,CAAS,KAAK,CAAA,CAAA;AAAA,OACf;AAAA,KACM,MAAA;AACN,MAAA,QAAA,CAAS,OAAO,CAAA,CAAA;AAAA,KACjB;AACA,IAAA,OAAO,SAAS,OAAQ,EAAA,CAAA;AAAA,GACzB,EAAG,EAAE,CAAA,CAAA;AAEL,EAAM,MAAA,IAAA,GAAiC,QACtC,OAAO;AAAA,IACN,IAAM,EAAA,aAAA;AAAA,IACN,UAAY,EAAA,eAAA;AAAA,IACZ,MAAQ,EAAA,KAAA;AAAA,IACR,UAAY,EAAA,IAAA;AAAA,GACb,CAAA,EACA,CAAC,eAAe,CACjB,CAAA,CAAA;AAEA,EAAA,MAAM,gBAAgB,cAAe,CAAA;AAAA,IACpC,IAAA;AAAA,IACA,KAAA;AAAA,IACA,UAAU,CAAK,CAAA,KAAA;AACd,MAAA,QAAA,IAAY,SAAS,CAAC,CAAA,CAAA;AAAA,KACvB;AAAA,IACA,OAAO,CAAK,CAAA,KAAA;AACX,MAAgB,eAAA,CAAA,CAAC,CAAK,IAAA,EAAE,CAAC,CAAA,CAAA;AAAA,KAC1B;AAAA,GACA,CAAA,CAAA;AAED,EAAA,uBACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAU,GAAA,IAAA;AAAA,IAAM,IAAI,EAAA,IAAA;AAAA,GAAA,kBACnB,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA;AAAA,IAAM,GAAK,EAAA,aAAA;AAAA,GAAe,mBAC1B,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAK,IAAK,EAAA,UAAA;AAAA,IAAW,KAAA;AAAA,IAAc,IAAK,EAAA,OAAA;AAAA,GAAQ,CAClD,CAAA,CAAA;AAEF;;;;"}

package/dist/esm/inputs/TableInput/DropdownCell.js

@@ -1,26 +0,0 @@
-import React from 'react';
-import { Dropdown } from 'semantic-ui-react';
-
-function DropdownCell(dropdownProps) {
-  return function DropdownCellFn(props) {
-    const {
-      value,
-      row: { index: rowIndex },
-      column: { id },
-      updateData
-    } = props;
-    const { value: v, onChange, ...rest } = dropdownProps;
-    return /* @__PURE__ */ React.createElement(Dropdown, {
-      ...rest,
-      value,
-      onChange: (event, val) => {
-        updateData(rowIndex, id, val.value);
-        if (onChange)
-          onChange(event, val);
-      }
-    });
-  };
-}
-
-export { DropdownCell };
-//# sourceMappingURL=DropdownCell.js.map

package/dist/esm/inputs/TableInput/DropdownCell.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DropdownCell.js","sources":["../../../../src/inputs/TableInput/DropdownCell.tsx"],"sourcesContent":["import {Dropdown} from 'semantic-ui-react';\nimport type {DropdownProps} from 'semantic-ui-react';\nimport type {TableCellProps} from './TableInput';\n\nexport function DropdownCell<D extends Record<string, unknown>>(dropdownProps: DropdownProps) {\n\treturn function DropdownCellFn(props: TableCellProps<D>) {\n\t\tconst {\n\t\t\tvalue,\n\t\t\trow: {index: rowIndex},\n\t\t\tcolumn: {id},\n\t\t\tupdateData,\n\t\t} = props;\n\n\t\t// eslint-disable-next-line no-unused-vars,@typescript-eslint/no-unused-vars\n\t\tconst {value: v, onChange, ...rest} = dropdownProps;\n\n\t\treturn (\n\t\t\t<Dropdown\n\t\t\t\t{...rest}\n\t\t\t\tvalue={value}\n\t\t\t\tonChange={(event, val) => {\n\t\t\t\t\tupdateData(rowIndex, id, val.value);\n\t\t\t\t\tif (onChange) onChange(event, val);\n\t\t\t\t}}\n\t\t\t/>\n\t\t);\n\t};\n}\n"],"names":[],"mappings":";;;AAIO,SAAA,YAAA,CAAyD,aAA8B,EAAA;AAC7F,EAAA,OAAO,wBAAwB,KAA0B,EAAA;AACxD,IAAM,MAAA;AAAA,MACL,KAAA;AAAA,MACA,GAAA,EAAK,EAAC,KAAO,EAAA,QAAA,EAAA;AAAA,MACb,QAAQ,EAAC,EAAA,EAAA;AAAA,MACT,UAAA;AAAA,KACG,GAAA,KAAA,CAAA;AAGJ,IAAA,MAAM,EAAC,KAAA,EAAO,CAAG,EAAA,QAAA,EAAA,GAAa,IAAQ,EAAA,GAAA,aAAA,CAAA;AAEtC,IAAA,uBACE,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA;AAAA,MACI,GAAA,IAAA;AAAA,MACJ,KAAA;AAAA,MACA,QAAA,EAAU,CAAC,KAAA,EAAO,GAAQ,KAAA;AACzB,QAAW,UAAA,CAAA,QAAA,EAAU,EAAI,EAAA,GAAA,CAAI,KAAK,CAAA,CAAA;AAClC,QAAI,IAAA,QAAA;AAAU,UAAA,QAAA,CAAS,OAAO,GAAG,CAAA,CAAA;AAAA,OAClC;AAAA,KACD,CAAA,CAAA;AAAA,GAEF,CAAA;AACD;;;;"}

package/dist/esm/inputs/TableInput/HoverCell.js

@@ -1,20 +0,0 @@
-import React from 'react';
-import debug from 'debug';
-
-debug("thx.controls.inputs.TableInput.HoverCell");
-function HoverCell(options) {
-  return function HoverCellFn(props) {
-    const { Action } = options;
-    if (props.hoverRow === props.row.id) {
-      return /* @__PURE__ */ React.createElement("div", {
-        style: { textAlign: "right" }
-      }, /* @__PURE__ */ React.createElement(Action, {
-        ...props
-      }));
-    }
-    return null;
-  };
-}
-
-export { HoverCell };
-//# sourceMappingURL=HoverCell.js.map

package/dist/esm/inputs/TableInput/HoverCell.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"HoverCell.js","sources":["../../../../src/inputs/TableInput/HoverCell.tsx"],"sourcesContent":["import debug from 'debug';\nimport type {CellProps, Renderer} from 'react-table';\n\nconst d = debug('thx.controls.inputs.TableInput.HoverCell');\n\ninterface HoverCellOptions<D extends Record<string, unknown>> {\n\tAction: Renderer<CellProps<D>>;\n}\n\nexport function HoverCell<D extends Record<string, unknown>>(options: HoverCellOptions<D>) {\n\treturn function HoverCellFn(props: CellProps<D>) {\n\t\tconst {Action} = options;\n\n\t\t// @ts-expect-error\n\t\tif (props.hoverRow === props.row.id) {\n\t\t\treturn (\n\t\t\t\t<div style={{textAlign: 'right'}}>\n\t\t\t\t\t{/* @ts-expect-error */}\n\t\t\t\t\t<Action {...props} />\n\t\t\t\t</div>\n\t\t\t);\n\t\t}\n\t\treturn null;\n\t};\n}\n"],"names":[],"mappings":";;;AAGU,MAAM,0CAA0C,EAAA;AAMnD,SAAA,SAAA,CAAsD,OAA8B,EAAA;AAC1F,EAAA,OAAO,qBAAqB,KAAqB,EAAA;AAChD,IAAA,MAAM,EAAC,MAAU,EAAA,GAAA,OAAA,CAAA;AAGjB,IAAA,IAAI,KAAM,CAAA,QAAA,KAAa,KAAM,CAAA,GAAA,CAAI,EAAI,EAAA;AACpC,MAAA,uBACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,QAAI,KAAA,EAAO,EAAC,SAAA,EAAW,OAAO,EAAA;AAAA,OAAA,kBAE7B,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA;AAAA,QAAW,GAAA,KAAA;AAAA,OAAO,CACpB,CAAA,CAAA;AAAA,KAEF;AACA,IAAO,OAAA,IAAA,CAAA;AAAA,GACR,CAAA;AACD;;;;"}

package/dist/esm/inputs/TableInput/LocalDateCell.js

@@ -1,13 +0,0 @@
-import React from 'react';
-import { formatDate } from '@thx/date';
-
-function LocalDateCell(options) {
-  return function LocalDateCellFn(props) {
-    return /* @__PURE__ */ React.createElement("div", {
-      style: { textAlign: "right" }
-    }, formatDate(options?.overrideValue ? options.overrideValue(props) : props.value));
-  };
-}
-
-export { LocalDateCell };
-//# sourceMappingURL=LocalDateCell.js.map

package/dist/esm/inputs/TableInput/LocalDateCell.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LocalDateCell.js","sources":["../../../../src/inputs/TableInput/LocalDateCell.tsx"],"sourcesContent":["import type {LocalDate} from '@js-joda/core';\nimport {formatDate} from '@thx/date';\nimport type {CellProps} from 'react-table';\n\ninterface LocalDateCellOptions<D extends Record<string, unknown>> {\n\t/** If provided, this function will override the LocalDate value displayed */\n\toverrideValue?: (props: CellProps<D, LocalDate>) => LocalDate;\n}\n\nexport function LocalDateCell<D extends Record<string, unknown>>(options?: LocalDateCellOptions<D>) {\n\treturn function LocalDateCellFn(props: CellProps<D, LocalDate>) {\n\t\treturn <div style={{textAlign: 'right'}}>{formatDate(options?.overrideValue ? options.overrideValue(props) : props.value)}</div>;\n\t};\n}\n"],"names":[],"mappings":";;;AASO,SAAA,aAAA,CAA0D,OAAmC,EAAA;AACnG,EAAA,OAAO,yBAAyB,KAAgC,EAAA;AAC/D,IAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,MAAI,KAAA,EAAO,EAAC,SAAA,EAAW,OAAO,EAAA;AAAA,KAAI,EAAA,UAAA,CAAW,SAAS,aAAgB,GAAA,OAAA,CAAQ,cAAc,KAAK,CAAA,GAAI,KAAM,CAAA,KAAK,CAAE,CAAA,CAAA;AAAA,GAC3H,CAAA;AACD;;;;"}

package/dist/esm/inputs/TableInput/LocalDateEditCell.js

@@ -1,29 +0,0 @@
-import React, { useState } from 'react';
-import { LocalDate } from '@js-joda/core';
-import debug from 'debug';
-import { LocalDatePicker } from '../../date/LocalDatePicker/LocalDatePicker.js';
-
-debug("thx.controls.inputs.TableInput.LocalDateEditCell");
-function LocalDateEditCell() {
-  return function LocalDateEditCellFn(props) {
-    const {
-      value: initialValue,
-      row: { index: rowIndex },
-      column: { id },
-      updateData
-    } = props;
-    const [value, setValue] = useState(initialValue);
-    return /* @__PURE__ */ React.createElement(LocalDatePicker, {
-      fluid: true,
-      transparent: true,
-      value,
-      onChange: (val) => setValue(val || LocalDate.now()),
-      onBlur: () => {
-        updateData(rowIndex, id, value);
-      }
-    });
-  };
-}
-
-export { LocalDateEditCell };
-//# sourceMappingURL=LocalDateEditCell.js.map

package/dist/esm/inputs/TableInput/LocalDateEditCell.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LocalDateEditCell.js","sources":["../../../../src/inputs/TableInput/LocalDateEditCell.tsx"],"sourcesContent":["import {LocalDate} from '@js-joda/core';\nimport debug from 'debug';\nimport {useState} from 'react';\nimport {LocalDatePicker} from '../../date/LocalDatePicker';\nimport type {TableCellProps} from './TableInput';\n\nconst d = debug('thx.controls.inputs.TableInput.LocalDateEditCell');\n\nexport function LocalDateEditCell<D extends Record<string, unknown>>() {\n\treturn function LocalDateEditCellFn(props: TableCellProps<D, LocalDate>) {\n\t\tconst {\n\t\t\tvalue: initialValue,\n\t\t\trow: {index: rowIndex},\n\t\t\tcolumn: {id},\n\t\t\tupdateData,\n\t\t} = props;\n\n\t\tconst [value, setValue] = useState(initialValue);\n\n\t\treturn (\n\t\t\t<LocalDatePicker\n\t\t\t\tfluid\n\t\t\t\ttransparent\n\t\t\t\tvalue={value}\n\t\t\t\tonChange={val => setValue(val || LocalDate.now())}\n\t\t\t\tonBlur={() => {\n\t\t\t\t\tupdateData(rowIndex, id, value);\n\t\t\t\t}}\n\t\t\t/>\n\t\t);\n\t};\n}\n"],"names":[],"mappings":";;;;;AAMU,MAAM,kDAAkD,EAAA;AAEK,SAAA,iBAAA,GAAA;AACtE,EAAA,OAAO,6BAA6B,KAAqC,EAAA;AACxE,IAAM,MAAA;AAAA,MACL,KAAO,EAAA,YAAA;AAAA,MACP,GAAA,EAAK,EAAC,KAAO,EAAA,QAAA,EAAA;AAAA,MACb,QAAQ,EAAC,EAAA,EAAA;AAAA,MACT,UAAA;AAAA,KACG,GAAA,KAAA,CAAA;AAEJ,IAAA,MAAM,CAAC,KAAA,EAAO,QAAY,CAAA,GAAA,QAAA,CAAS,YAAY,CAAA,CAAA;AAE/C,IAAA,uBACE,KAAA,CAAA,aAAA,CAAA,eAAA,EAAA;AAAA,MACA,KAAK,EAAA,IAAA;AAAA,MACL,WAAW,EAAA,IAAA;AAAA,MACX,KAAA;AAAA,MACA,UAAU,CAAO,GAAA,KAAA,QAAA,CAAS,GAAO,IAAA,SAAA,CAAU,KAAK,CAAA;AAAA,MAChD,QAAQ,MAAM;AACb,QAAW,UAAA,CAAA,QAAA,EAAU,IAAI,KAAK,CAAA,CAAA;AAAA,OAC/B;AAAA,KACD,CAAA,CAAA;AAAA,GAEF,CAAA;AACD;;;;"}

package/dist/esm/inputs/TableInput/MoneyCell.js

@@ -1,13 +0,0 @@
-import React from 'react';
-import { formatMoney } from '@thx/money';
-
-function MoneyCell(options) {
-  return function MoneyCellFn(props) {
-    return /* @__PURE__ */ React.createElement("div", {
-      style: { textAlign: "right" }
-    }, formatMoney(options?.overrideValue ? options.overrideValue(props) : props.value));
-  };
-}
-
-export { MoneyCell };
-//# sourceMappingURL=MoneyCell.js.map

package/dist/esm/inputs/TableInput/MoneyCell.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MoneyCell.js","sources":["../../../../src/inputs/TableInput/MoneyCell.tsx"],"sourcesContent":["import {formatMoney} from '@thx/money';\nimport type Money from 'js-money';\nimport type {CellProps} from 'react-table';\n\ninterface MoneyCellOptions<D extends Record<string, unknown>> {\n\t/** If provided, this function will override the Money value displayed */\n\toverrideValue?: (props: CellProps<D, Money>) => Money;\n}\n\nexport function MoneyCell<D extends Record<string, unknown>>(options?: MoneyCellOptions<D>) {\n\treturn function MoneyCellFn(props: CellProps<D, Money>) {\n\t\treturn <div style={{textAlign: 'right'}}>{formatMoney(options?.overrideValue ? options.overrideValue(props) : props.value)}</div>;\n\t};\n}\n"],"names":[],"mappings":";;;AASO,SAAA,SAAA,CAAsD,OAA+B,EAAA;AAC3F,EAAA,OAAO,qBAAqB,KAA4B,EAAA;AACvD,IAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,MAAI,KAAA,EAAO,EAAC,SAAA,EAAW,OAAO,EAAA;AAAA,KAAI,EAAA,WAAA,CAAY,SAAS,aAAgB,GAAA,OAAA,CAAQ,cAAc,KAAK,CAAA,GAAI,KAAM,CAAA,KAAK,CAAE,CAAA,CAAA;AAAA,GAC5H,CAAA;AACD;;;;"}

package/dist/esm/inputs/TableInput/MoneyEditCell.js

@@ -1,30 +0,0 @@
-import React, { useState } from 'react';
-import debug from 'debug';
-import { MoneyInput } from '../../money/MoneyInput/MoneyInput.js';
-import { addRowOnTab } from './addRowOnTab.js';
-
-debug("thx.controls.inputs.TableInput.MoneyEditCell");
-function MoneyEditCell(opts) {
-  return function MoneyEditCellFn(props) {
-    const {
-      value: initialValue,
-      row: { index: rowIndex },
-      column: { id },
-      updateData
-    } = props;
-    const [value, setValue] = useState(initialValue);
-    return /* @__PURE__ */ React.createElement(MoneyInput, {
-      fluid: true,
-      transparent: true,
-      value,
-      onChange: setValue,
-      onBlur: () => {
-        updateData(rowIndex, id, value);
-      },
-      onKeyDown: (event) => addRowOnTab(event, value, props, opts?.addRowOnTabIf)
-    });
-  };
-}
-
-export { MoneyEditCell };
-//# sourceMappingURL=MoneyEditCell.js.map

package/dist/esm/inputs/TableInput/MoneyEditCell.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MoneyEditCell.js","sources":["../../../../src/inputs/TableInput/MoneyEditCell.tsx"],"sourcesContent":["import debug from 'debug';\nimport type Money from 'js-money';\nimport {useState} from 'react';\nimport {MoneyInput} from '../../money/MoneyInput';\nimport type {TableCellProps} from './TableInput';\nimport type {AddRowOnTabIf} from './addRowOnTab';\nimport {addRowOnTab} from './addRowOnTab';\n\nconst d = debug('thx.controls.inputs.TableInput.MoneyEditCell');\n\ninterface MoneyEditCellOptions<D extends Record<string, unknown>> {\n\t/** If function is present, and returns true, will add a new row if tab is pressed on the last row */\n\taddRowOnTabIf?: AddRowOnTabIf<D, Money>;\n}\n\nexport function MoneyEditCell<D extends Record<string, unknown>>(opts?: MoneyEditCellOptions<D>) {\n\treturn function MoneyEditCellFn(props: TableCellProps<D, Money>) {\n\t\tconst {\n\t\t\tvalue: initialValue,\n\t\t\trow: {index: rowIndex},\n\t\t\tcolumn: {id},\n\t\t\tupdateData,\n\t\t} = props;\n\n\t\tconst [value, setValue] = useState(initialValue);\n\n\t\treturn (\n\t\t\t<MoneyInput\n\t\t\t\tfluid\n\t\t\t\ttransparent\n\t\t\t\tvalue={value}\n\t\t\t\tonChange={setValue}\n\t\t\t\tonBlur={() => {\n\t\t\t\t\tupdateData(rowIndex, id, value);\n\t\t\t\t}}\n\t\t\t\tonKeyDown={(event: KeyboardEvent) => addRowOnTab(event, value, props, opts?.addRowOnTabIf)}\n\t\t\t/>\n\t\t);\n\t};\n}\n"],"names":[],"mappings":";;;;;AAQU,MAAM,8CAA8C,EAAA;AAOvD,SAAA,aAAA,CAA0D,IAAgC,EAAA;AAChG,EAAA,OAAO,yBAAyB,KAAiC,EAAA;AAChE,IAAM,MAAA;AAAA,MACL,KAAO,EAAA,YAAA;AAAA,MACP,GAAA,EAAK,EAAC,KAAO,EAAA,QAAA,EAAA;AAAA,MACb,QAAQ,EAAC,EAAA,EAAA;AAAA,MACT,UAAA;AAAA,KACG,GAAA,KAAA,CAAA;AAEJ,IAAA,MAAM,CAAC,KAAA,EAAO,QAAY,CAAA,GAAA,QAAA,CAAS,YAAY,CAAA,CAAA;AAE/C,IAAA,uBACE,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA;AAAA,MACA,KAAK,EAAA,IAAA;AAAA,MACL,WAAW,EAAA,IAAA;AAAA,MACX,KAAA;AAAA,MACA,QAAU,EAAA,QAAA;AAAA,MACV,QAAQ,MAAM;AACb,QAAW,UAAA,CAAA,QAAA,EAAU,IAAI,KAAK,CAAA,CAAA;AAAA,OAC/B;AAAA,MACA,SAAA,EAAW,CAAC,KAAyB,KAAA,WAAA,CAAY,OAAO,KAAO,EAAA,KAAA,EAAO,MAAM,aAAa,CAAA;AAAA,KAC1F,CAAA,CAAA;AAAA,GAEF,CAAA;AACD;;;;"}

package/dist/esm/inputs/TableInput/MoneySumFooter.js

@@ -1,15 +0,0 @@
-import React from 'react';
-import { toMoney, formatMoney } from '@thx/money';
-
-function MoneySumFooter(options) {
-  const { id } = options || {};
-  return function MoneySumFooterInstance(info) {
-    const sum = info.rows.reduce((memo, row) => memo.add(row.values[id]), toMoney());
-    return /* @__PURE__ */ React.createElement("div", {
-      style: { textAlign: "right" }
-    }, formatMoney(sum));
-  };
-}
-
-export { MoneySumFooter };
-//# sourceMappingURL=MoneySumFooter.js.map

package/dist/esm/inputs/TableInput/MoneySumFooter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MoneySumFooter.js","sources":["../../../../src/inputs/TableInput/MoneySumFooter.tsx"],"sourcesContent":["import {formatMoney, toMoney} from '@thx/money';\nimport type {IdType, TableInstance} from 'react-table';\n\ninterface MoneySumFooterOptions<A extends Record<string, unknown>> {\n\tid: IdType<A>;\n}\n\nexport function MoneySumFooter<A extends Record<string, unknown>>(options: MoneySumFooterOptions<A>) {\n\tconst {id} = options || {};\n\n\treturn function MoneySumFooterInstance(info: TableInstance<A>) {\n\t\tconst sum = info.rows.reduce((memo, row) => memo.add(row.values[id]), toMoney());\n\t\treturn <div style={{textAlign: 'right'}}>{formatMoney(sum)}</div>;\n\t};\n}\n"],"names":[],"mappings":";;;AAOO,SAAA,cAAA,CAA2D,OAAmC,EAAA;AACpG,EAAM,MAAA,EAAC,EAAM,EAAA,GAAA,OAAA,IAAW,EAAC,CAAA;AAEzB,EAAA,OAAO,gCAAgC,IAAwB,EAAA;AAC9D,IAAA,MAAM,GAAM,GAAA,IAAA,CAAK,IAAK,CAAA,MAAA,CAAO,CAAC,IAAM,EAAA,GAAA,KAAQ,IAAK,CAAA,GAAA,CAAI,GAAI,CAAA,MAAA,CAAO,EAAG,CAAA,CAAA,EAAG,SAAS,CAAA,CAAA;AAC/E,IAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,MAAI,KAAA,EAAO,EAAC,SAAA,EAAW,OAAO,EAAA;AAAA,KAAI,EAAA,WAAA,CAAY,GAAG,CAAE,CAAA,CAAA;AAAA,GAC5D,CAAA;AACD;;;;"}

package/dist/esm/inputs/TableInput/StringEditCell.js

@@ -1,34 +0,0 @@
-import React, { useState } from 'react';
-import debug from 'debug';
-import { Input } from 'semantic-ui-react';
-import { addRowOnTab } from './addRowOnTab.js';
-
-debug("thx.controls.inputs.TableInput.StringEditCell");
-function StringEditCell(options) {
-  const { inputProps, addRowOnTabIf } = options || {};
-  return function StringEditCellFn(props) {
-    const {
-      value: initialValue,
-      row: { index },
-      column: { id },
-      updateData
-    } = props;
-    const [value, setValue] = useState(initialValue);
-    return /* @__PURE__ */ React.createElement(Input, {
-      fluid: true,
-      transparent: true,
-      ...inputProps,
-      value,
-      onChange: (ev, v) => {
-        setValue(v.value);
-      },
-      onBlur: () => {
-        updateData(index, id, value);
-      },
-      onKeyDown: (event) => addRowOnTab(event, value, props, addRowOnTabIf)
-    });
-  };
-}
-
-export { StringEditCell };
-//# sourceMappingURL=StringEditCell.js.map

package/dist/esm/inputs/TableInput/StringEditCell.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StringEditCell.js","sources":["../../../../src/inputs/TableInput/StringEditCell.tsx"],"sourcesContent":["import debug from 'debug';\nimport {useState} from 'react';\nimport {Input, InputProps} from 'semantic-ui-react';\nimport type {TableCellProps} from './TableInput';\nimport type {AddRowOnTabIf} from './addRowOnTab';\nimport {addRowOnTab} from './addRowOnTab';\n\nconst d = debug('thx.controls.inputs.TableInput.StringEditCell');\n\ninterface StringEditCellOptions<D extends Record<string, unknown>> {\n\t/** Override SemanticUI Input props */\n\tinputProps?: InputProps;\n\t/** If function is present, and returns true, will add a new row if tab is pressed on the last row */\n\taddRowOnTabIf?: AddRowOnTabIf<D, string>;\n}\n\nexport function StringEditCell<D extends Record<string, unknown>>(options?: StringEditCellOptions<D>) {\n\tconst {inputProps, addRowOnTabIf} = options || {};\n\n\treturn function StringEditCellFn(props: TableCellProps<D, string>) {\n\t\tconst {\n\t\t\tvalue: initialValue,\n\t\t\trow: {index},\n\t\t\tcolumn: {id},\n\t\t\tupdateData,\n\t\t} = props;\n\n\t\tconst [value, setValue] = useState(initialValue);\n\n\t\treturn (\n\t\t\t<Input\n\t\t\t\tfluid\n\t\t\t\ttransparent\n\t\t\t\t{...inputProps}\n\t\t\t\tvalue={value}\n\t\t\t\tonChange={(ev, v) => {\n\t\t\t\t\tsetValue(v.value);\n\t\t\t\t}}\n\t\t\t\tonBlur={() => {\n\t\t\t\t\tupdateData(index, id, value);\n\t\t\t\t}}\n\t\t\t\tonKeyDown={(event: KeyboardEvent) => addRowOnTab(event, value, props, addRowOnTabIf)}\n\t\t\t/>\n\t\t);\n\t};\n}\n"],"names":[],"mappings":";;;;;AAOU,MAAM,+CAA+C,EAAA;AASxD,SAAA,cAAA,CAA2D,OAAoC,EAAA;AACrG,EAAA,MAAM,EAAC,UAAA,EAAY,aAAiB,EAAA,GAAA,OAAA,IAAW,EAAC,CAAA;AAEhD,EAAA,OAAO,0BAA0B,KAAkC,EAAA;AAClE,IAAM,MAAA;AAAA,MACL,KAAO,EAAA,YAAA;AAAA,MACP,KAAK,EAAC,KAAA,EAAA;AAAA,MACN,QAAQ,EAAC,EAAA,EAAA;AAAA,MACT,UAAA;AAAA,KACG,GAAA,KAAA,CAAA;AAEJ,IAAA,MAAM,CAAC,KAAA,EAAO,QAAY,CAAA,GAAA,QAAA,CAAS,YAAY,CAAA,CAAA;AAE/C,IAAA,uBACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,MACA,KAAK,EAAA,IAAA;AAAA,MACL,WAAW,EAAA,IAAA;AAAA,MACP,GAAA,UAAA;AAAA,MACJ,KAAA;AAAA,MACA,QAAA,EAAU,CAAC,EAAA,EAAI,CAAM,KAAA;AACpB,QAAA,QAAA,CAAS,EAAE,KAAK,CAAA,CAAA;AAAA,OACjB;AAAA,MACA,QAAQ,MAAM;AACb,QAAW,UAAA,CAAA,KAAA,EAAO,IAAI,KAAK,CAAA,CAAA;AAAA,OAC5B;AAAA,MACA,WAAW,CAAC,KAAA,KAAyB,YAAY,KAAO,EAAA,KAAA,EAAO,OAAO,aAAa,CAAA;AAAA,KACpF,CAAA,CAAA;AAAA,GAEF,CAAA;AACD;;;;"}

package/dist/esm/inputs/TableInput/TableInput.js

@@ -1,75 +0,0 @@
-import React, { useMemo, useState } from 'react';
-import debug from 'debug';
-import { FieldArray } from 'formik';
-import { useTable } from 'react-table';
-import { Table } from 'semantic-ui-react';
-
-debug("thx.controls.inputs.TableInput");
-function TableInputTable(props) {
-  const {
-    name,
-    columns,
-    values,
-    arrayHelpers,
-    setFieldValue,
-    createRow,
-    tableProps,
-    headerRowProps,
-    headerCellProps,
-    bodyProps,
-    rowProps,
-    cellProps,
-    footerCellProps,
-    footerRowProps
-  } = props;
-  const cols = useMemo(() => columns, [columns]);
-  const vals = useMemo(() => values, [values]);
-  const [hoverRow, setHoverRow] = useState("");
-  const { getTableProps, getTableBodyProps, headerGroups, prepareRow, rows, footerGroups } = useTable({
-    columns: cols,
-    data: vals,
-    updateData(rowIndex, columnId, value) {
-      setFieldValue(`${name}[${rowIndex}].${columnId}`, value);
-    },
-    addRow() {
-      arrayHelpers.push(createRow());
-    },
-    arrayHelpers
-  });
-  const hasFooter = footerGroups.some((fg) => fg.headers.some((fgh) => fgh.Footer.name !== "emptyRenderer"));
-  const footer = hasFooter ? /* @__PURE__ */ React.createElement(Table.Footer, null, footerGroups.map((group) => /* @__PURE__ */ React.createElement(Table.Row, {
-    ...{ ...group.getFooterGroupProps(), ...group.getFooterGroupProps(footerRowProps) }
-  }, group.headers.map((column) => /* @__PURE__ */ React.createElement(Table.HeaderCell, {
-    ...{ ...column.getFooterProps(), ...column.getFooterProps(footerCellProps) }
-  }, column.render("Footer")))))) : null;
-  return /* @__PURE__ */ React.createElement(Table, {
-    ...{ ...getTableProps(), ...getTableProps(tableProps) }
-  }, /* @__PURE__ */ React.createElement(Table.Header, null, headerGroups.map((headerGroup) => /* @__PURE__ */ React.createElement(Table.Row, {
-    ...{ ...headerGroup.getHeaderGroupProps(), ...headerGroup.getHeaderGroupProps(headerRowProps) }
-  }, headerGroup.headers.map((column) => /* @__PURE__ */ React.createElement(Table.HeaderCell, {
-    ...{ ...column.getHeaderProps(), ...column.getHeaderProps(headerCellProps) }
-  }, column.render("Header")))))), /* @__PURE__ */ React.createElement(Table.Body, {
-    ...{ ...getTableBodyProps(), ...getTableBodyProps(bodyProps) }
-  }, rows.map((row) => {
-    prepareRow(row);
-    return /* @__PURE__ */ React.createElement(Table.Row, {
-      ...{ ...row.getRowProps(), ...row.getRowProps(rowProps) },
-      onMouseEnter: () => setHoverRow(row.id),
-      onMouseLeave: () => setHoverRow("")
-    }, row.cells.map((cell) => /* @__PURE__ */ React.createElement(Table.Cell, {
-      ...{ ...cell.getCellProps(), ...cell.getCellProps(cellProps) }
-    }, cell.render("Cell", { hoverRow }))));
-  })), footer);
-}
-function TableInput(props) {
-  return /* @__PURE__ */ React.createElement(FieldArray, {
-    name: props.name,
-    render: (arrayHelpers) => /* @__PURE__ */ React.createElement(TableInputTable, {
-      arrayHelpers,
-      ...props
-    })
-  });
-}
-
-export { TableInput };
-//# sourceMappingURL=TableInput.js.map