@thx/controls 16.3.1 → 17.0.0-mantine.0

package/dist/types/inputs/TableInput/MoneySumFooter.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { IdType, TableInstance } from 'react-table';
 interface MoneySumFooterOptions<A extends Record<string, unknown>> {
     id: IdType<A>;

package/dist/types/inputs/TableInput/StringEditCell.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="react" />
-import { InputProps } from 'semantic-ui-react';
+import { TextInputProps } from '@mantine/core';
 import type { TableCellProps } from './TableInput';
 import type { AddRowOnTabIf } from './addRowOnTab';
 interface StringEditCellOptions<D extends Record<string, unknown>> {
     /** Override SemanticUI Input props */
-    inputProps?: InputProps;
+    inputProps?: TextInputProps;
     /** If function is present, and returns true, will add a new row if tab is pressed on the last row */
     addRowOnTabIf?: AddRowOnTabIf<D, string>;
 }

package/dist/types/inputs/TableInput/TableInput.d.ts

@@ -1,15 +1,18 @@
 /// <reference types="react" />
+import { TableProps } from '@mantine/core';
 import { FieldArrayRenderProps } from 'formik';
 import { CellPropGetter, CellProps, Column, FooterGroupPropGetter, FooterPropGetter, HeaderGroupPropGetter, HeaderPropGetter, RowPropGetter, TableBodyPropGetter } from 'react-table';
-import { TableProps } from 'semantic-ui-react';
 declare type DefaultTableType = Record<string, unknown>;
+export interface CustomTableProps {
+    celled?: boolean;
+}
 interface TableInputProps<A extends DefaultTableType> {
     name: string;
     values: A[];
     columns: Column<A>[];
     setFieldValue: (field: string, value: any, shouldValidate?: boolean | undefined) => void;
     createRow: () => A;
-    tableProps?: TableProps;
+    tableProps?: TableProps & CustomTableProps;
     headerRowProps?: HeaderGroupPropGetter<A>;
     headerCellProps?: HeaderPropGetter<A>;
     footerRowProps?: FooterGroupPropGetter<A>;

package/dist/types/inputs/TableInput/addRowOnTab.d.ts

@@ -1,3 +1,4 @@
+import type { KeyboardEvent } from 'react';
 import type { TableCellProps } from './TableInput';
 export declare type AddRowOnTabIf<D extends Record<string, unknown>, V = any> = (props: TableCellProps<D, V>, newValue: V) => boolean;
 /**

package/dist/types/inputs/TableInput/main.story.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare function Main(): JSX.Element;
+export declare namespace Main {
+    var args: {
+        value: undefined;
+    };
+}

package/dist/types/inputs/TableInput/tableinput.stories.d.ts

@@ -0,0 +1,5 @@
+import type { Meta } from '@storybook/react';
+export { Main } from './main.story';
+export { WithHover } from './withHover.story';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;

package/dist/types/inputs/TableInput/withHover.story.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare function WithHover(): JSX.Element;
+export declare namespace WithHover {
+    var args: {
+        value: undefined;
+    };
+}

package/dist/types/money/MoneyCurrencyInput/MoneyCurrencyInput.d.ts

@@ -1,11 +1,9 @@
 /// <reference types="react" />
-import { InputProps } from 'semantic-ui-react';
 import type { MoneyInputProps } from '../MoneyInput';
 export interface MoneyCurrencyInputProps extends MoneyInputProps {
     currencies?: {
-        key: string;
         value: string;
-        text: string;
+        label: string;
     }[];
 }
-export declare function MoneyCurrencyInput(props: MoneyCurrencyInputProps & Omit<InputProps, 'onChange'>): JSX.Element;
+export declare function MoneyCurrencyInput(props: MoneyCurrencyInputProps): JSX.Element;

package/dist/types/money/MoneyCurrencyInput/moneycurrencyinput.stories.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentStory, Meta } from '@storybook/react';
+import { MoneyCurrencyInput } from './MoneyCurrencyInput';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Main: ComponentStory<typeof MoneyCurrencyInput>;

package/dist/types/money/MoneyInput/MoneyInput.d.ts

@@ -1,15 +1,14 @@
 /// <reference types="react" />
+import type { TextInputProps } from '@mantine/core';
 import Money, { Currency, MoneyObject } from 'js-money';
-import { InputProps } from 'semantic-ui-react';
-export interface MoneyInputProps {
-    name?: string;
+export interface MoneyInputOnlyProps {
     onChange?: (value: Money) => void;
     value?: Money | MoneyObject;
     defaultCurrency?: Currency;
-    onBlur?: (ev: any) => void;
     prefix?: string;
     showPrefix?: boolean;
     locked?: boolean;
     wholeNumber?: boolean;
 }
-export declare function MoneyInput(props: MoneyInputProps & Omit<InputProps, 'onChange'>): JSX.Element;
+export declare type MoneyInputProps = MoneyInputOnlyProps & Omit<TextInputProps, 'onChange' | 'value'>;
+export declare function MoneyInput(props: MoneyInputProps): JSX.Element;

package/dist/types/money/MoneyInput/moneyinput.stories.d.ts

@@ -0,0 +1,6 @@
+import type { ComponentStory, Meta } from '@storybook/react';
+import { MoneyInput } from './MoneyInput';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Main: ComponentStory<typeof MoneyInput>;
+export declare const MoreDecimals: ComponentStory<typeof MoneyInput>;

package/dist/types/storyDecorator.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import type { StoryFn } from '@storybook/react';
+export declare function Wrapper({ children }: {
+    children: JSX.Element;
+}): JSX.Element;
+export declare const storyDecorator: (Story: StoryFn) => JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thx/controls",
-  "version": "16.3.1",
+  "version": "17.0.0-mantine.0",
   "description": "A collection of components designed with SemanticUI.",
   "bugs": {
     "url": "https://github.com/thr-consulting/thr-addons/issues"
@@ -21,7 +21,7 @@
   "scripts": {
     "build": "thx build.roll",
     "clean": "thx clean",
-    "deps": "thx deps -p *.stories.tsx,*.story.tsx,*.cjs",
+    "deps": "thx deps -p *.stories.tsx,*.story.tsx,*.cjs,storyDecorator.tsx",
     "docs.storybook": "build-storybook",
     "lint": "thx lint",
     "lint.fix": "thx lint.fix",
@@ -33,12 +33,9 @@
     "@js-joda/core": "^5.1.0",
     "@thx/date": "^16.0.1",
     "@thx/money": "^16.0.0",
-    "@thx/yup-types": "^16.0.0",
     "@types/inputmask": "^5.0.3",
-    "@types/react-datepicker": "^4.1.7",
     "credit-card-type": "^9.1.0",
-    "debug": "^4.3.4",
-    "eventemitter3": "^4.0.0",
+    "debug": "^4.1.1",
     "flat": "^5.0.0",
     "formik": "^2.2.9",
     "inputmask": "^5.0.6",
@@ -46,17 +43,19 @@
     "lodash-es": "^4.17.15",
     "luhn": "^2.4.1",
     "react-credit-cards": "^0.8.3",
-    "react-datepicker": "^4.7.0",
     "react-table": "^7.6.3",
     "social-insurance-number": "^0.2.2",
-    "use-deep-compare-effect": "1.4.0"
+    "tabler-icons-react": "^1.48.1"
   },
   "peerDependencies": {
+    "@mantine/core": "4.x",
+    "@mantine/dates": "4.x",
+    "@mantine/form": "4.x",
+    "@mantine/hooks": "4.x",
     "react": "17.x",
     "react-dom": "17.x",
     "react-router": "5.x",
-    "react-router-dom": "5.x",
-    "semantic-ui-react": "2.x"
+    "react-router-dom": "5.x"
   },
   "engines": {
     "node": ">=16"
@@ -64,5 +63,9 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "9d8a6b10ecc12b8b9028c955f7d91a2c9cf568b3"
+  "gitHead": "2b8c34ade6e34716807c9cfc466001dd54e5be36",
+  "unusedDeps": {
+    "@thx/yup-types": "^16.0.0",
+    "eventemitter3": "^4.0.0"
+  }
 }

package/dist/esm/date/DatePicker/styles.css.js

@@ -1,7 +0,0 @@
-import styleInject from './../../external/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".rw-datetimepicker > input {\n\tborder: none !important;\n}\n\n.rw-datetimepicker .rw-calendar-grid.rw-nav-view .rw-btn {\n\tpadding: 0 !important;\n}\n\n.dateTimePickerAutoWidth {\n\twidth: auto;\n\tdisplay: inline-flex;\n}\n\n.dateTimePickerAutoWidth > input {\n\twidth: auto;\n}\n\n.react-datepicker-wrapper {\n\twidth: 100%;\n\tdisplay: inline !important;\n}\n\n.react-datepicker__input-container {\n\tdisplay: inline !important;\n}\n\n.react-datepicker-popper {\n\tz-index: 5 !important;\n}\n";
-styleInject(css_248z);
-
-export { css_248z as default };
-//# sourceMappingURL=styles.css.js.map

package/dist/esm/date/DatePicker/styles.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,uDAAyD;AACjF;AACA;AACA;AACA;AACA;"}

package/dist/esm/date/LocalDatePicker/MaskedDateInput.js

@@ -1,22 +0,0 @@
-import React, { forwardRef } from 'react';
-import debug from 'debug';
-import { MaskedInput } from '../../inputs/MaskedInput/MaskedInput.js';
-import '../../inputs/MaskedInput/useMaskedInput.js';
-
-debug("thx.controls.date.LocalDatePicker.MaskedDateInput");
-function MaskedDateInputInner(props, ref) {
-  const { onChange, name, ...rest } = props;
-  return /* @__PURE__ */ React.createElement(MaskedInput, {
-    ...rest,
-    name,
-    mask: { alias: "datetime", inputFormat: "mm/dd/yyyy" },
-    onChange: (value) => {
-      if (onChange)
-        onChange({ target: { value: value || "" } });
-    }
-  });
-}
-const MaskedDateInput = forwardRef(MaskedDateInputInner);
-
-export { MaskedDateInput };
-//# sourceMappingURL=MaskedDateInput.js.map

package/dist/esm/date/LocalDatePicker/MaskedDateInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MaskedDateInput.js","sources":["../../../../src/date/LocalDatePicker/MaskedDateInput.tsx"],"sourcesContent":["import debug from 'debug';\nimport {forwardRef} from 'react';\nimport {MaskedInput, MaskedInputProps} from '../../inputs/MaskedInput';\n\nconst d = debug('thx.controls.date.LocalDatePicker.MaskedDateInput');\n\nexport interface MaskedDateInputValue {\n\ttarget: {\n\t\tvalue: string;\n\t};\n}\n\nexport interface MaskedDateInputProps {\n\tname?: string;\n\tonChange?: (value: MaskedDateInputValue) => void;\n}\n\n// eslint-disable-next-line no-unused-vars,@typescript-eslint/no-unused-vars\nfunction MaskedDateInputInner(props: MaskedDateInputProps & Omit<MaskedInputProps, 'onChange'>, ref: any) {\n\tconst {onChange, name, ...rest} = props;\n\n\treturn (\n\t\t<MaskedInput\n\t\t\t{...rest}\n\t\t\tname={name}\n\t\t\tmask={{alias: 'datetime', inputFormat: 'mm/dd/yyyy'}}\n\t\t\tonChange={value => {\n\t\t\t\tif (onChange) onChange({target: {value: value || ''}});\n\t\t\t}}\n\t\t/>\n\t);\n}\n\nexport const MaskedDateInput = forwardRef(MaskedDateInputInner);\n"],"names":[],"mappings":";;;;;AAIU,MAAM,mDAAmD,EAAA;AAcnE,SAAA,oBAAA,CAA8B,OAAkE,GAAU,EAAA;AACzG,EAAM,MAAA,EAAC,QAAU,EAAA,IAAA,EAAA,GAAS,IAAQ,EAAA,GAAA,KAAA,CAAA;AAElC,EAAA,uBACE,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA;AAAA,IACI,GAAA,IAAA;AAAA,IACJ,IAAA;AAAA,IACA,IAAM,EAAA,EAAC,KAAO,EAAA,UAAA,EAAY,aAAa,YAAY,EAAA;AAAA,IACnD,UAAU,CAAS,KAAA,KAAA;AAClB,MAAI,IAAA,QAAA;AAAU,QAAA,QAAA,CAAS,EAAC,MAAQ,EAAA,EAAC,OAAO,KAAS,IAAA,EAAA,IAAI,CAAA,CAAA;AAAA,KACtD;AAAA,GACD,CAAA,CAAA;AAEF,CAAA;AAEa,MAAA,eAAA,GAAkB,WAAW,oBAAoB;;;;"}

package/dist/esm/date/LocalTimePicker/MaskedTimeInput.js

@@ -1,21 +0,0 @@
-import React, { forwardRef } from 'react';
-import debug from 'debug';
-import { MaskedInput } from '../../inputs/MaskedInput/MaskedInput.js';
-import '../../inputs/MaskedInput/useMaskedInput.js';
-
-debug("thx.controls.date.LocalTimePicker.MaskedTimeInput");
-function MaskedTimeInputInner(props, ref) {
-  const { onChange, ...rest } = props;
-  return /* @__PURE__ */ React.createElement(MaskedInput, {
-    mask: { alias: "datetime", inputFormat: "hh:MM TT" },
-    onChange: (value) => {
-      if (onChange)
-        onChange({ target: { value: value || "" } });
-    },
-    ...rest
-  });
-}
-const MaskedTimeInput = forwardRef(MaskedTimeInputInner);
-
-export { MaskedTimeInput };
-//# sourceMappingURL=MaskedTimeInput.js.map

package/dist/esm/date/LocalTimePicker/MaskedTimeInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MaskedTimeInput.js","sources":["../../../../src/date/LocalTimePicker/MaskedTimeInput.tsx"],"sourcesContent":["import debug from 'debug';\nimport {forwardRef} from 'react';\nimport {MaskedInput, MaskedInputProps} from '../../inputs/MaskedInput';\n\nconst d = debug('thx.controls.date.LocalTimePicker.MaskedTimeInput');\n\nexport interface MaskedTimeInputValue {\n\ttarget: {\n\t\tvalue: string;\n\t};\n}\n\nexport interface MaskedTimeInputProps {\n\tonChange?: (value: MaskedTimeInputValue) => void;\n}\n\n// eslint-disable-next-line no-unused-vars,@typescript-eslint/no-unused-vars\nfunction MaskedTimeInputInner(props: MaskedTimeInputProps & Omit<MaskedInputProps, 'onChange'>, ref: any) {\n\tconst {onChange, ...rest} = props;\n\n\treturn (\n\t\t<MaskedInput\n\t\t\tmask={{alias: 'datetime', inputFormat: 'hh:MM TT'}}\n\t\t\tonChange={value => {\n\t\t\t\tif (onChange) onChange({target: {value: value || ''}});\n\t\t\t}}\n\t\t\t{...rest}\n\t\t/>\n\t);\n}\n\nexport const MaskedTimeInput = forwardRef(MaskedTimeInputInner);\n"],"names":[],"mappings":";;;;;AAIU,MAAM,mDAAmD,EAAA;AAanE,SAAA,oBAAA,CAA8B,OAAkE,GAAU,EAAA;AACzG,EAAM,MAAA,EAAC,aAAa,IAAQ,EAAA,GAAA,KAAA,CAAA;AAE5B,EAAA,uBACE,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA;AAAA,IACA,IAAM,EAAA,EAAC,KAAO,EAAA,UAAA,EAAY,aAAa,UAAU,EAAA;AAAA,IACjD,UAAU,CAAS,KAAA,KAAA;AAClB,MAAI,IAAA,QAAA;AAAU,QAAA,QAAA,CAAS,EAAC,MAAQ,EAAA,EAAC,OAAO,KAAS,IAAA,EAAA,IAAI,CAAA,CAAA;AAAA,KACtD;AAAA,IACI,GAAA,IAAA;AAAA,GACL,CAAA,CAAA;AAEF,CAAA;AAEa,MAAA,eAAA,GAAkB,WAAW,oBAAoB;;;;"}

package/dist/esm/external/style-inject/dist/style-inject.es.js

@@ -1,29 +0,0 @@
-function styleInject(css, ref) {
-  if ( ref === void 0 ) ref = {};
-  var insertAt = ref.insertAt;
-
-  if (!css || typeof document === 'undefined') { return; }
-
-  var head = document.head || document.getElementsByTagName('head')[0];
-  var style = document.createElement('style');
-  style.type = 'text/css';
-
-  if (insertAt === 'top') {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
-    }
-  } else {
-    head.appendChild(style);
-  }
-
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
-}
-
-export { styleInject as default };
-//# sourceMappingURL=style-inject.es.js.map

package/dist/esm/external/style-inject/dist/style-inject.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"style-inject.es.js","sources":["../../../../../../../node_modules/style-inject/dist/style-inject.es.js"],"sourcesContent":["function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n"],"names":[],"mappings":"AAAA,SAAS,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE;AAC/B,EAAE,KAAK,GAAG,KAAK,KAAK,CAAC,GAAG,GAAG,GAAG,EAAE,CAAC;AACjC,EAAE,IAAI,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC;AAC9B;AACA,EAAE,IAAI,CAAC,GAAG,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,EAAE,OAAO,EAAE;AAC1D;AACA,EAAE,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AACvE,EAAE,IAAI,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;AAC9C,EAAE,KAAK,CAAC,IAAI,GAAG,UAAU,CAAC;AAC1B;AACA,EAAE,IAAI,QAAQ,KAAK,KAAK,EAAE;AAC1B,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE;AACzB,MAAM,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;AAChD,KAAK,MAAM;AACX,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC9B,KAAK;AACL,GAAG,MAAM;AACT,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC5B,GAAG;AACH;AACA,EAAE,IAAI,KAAK,CAAC,UAAU,EAAE;AACxB,IAAI,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,GAAG,CAAC;AACnC,GAAG,MAAM;AACT,IAAI,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;AACpD,GAAG;AACH;;;;"}

package/dist/esm/inputs/CreditCardInput/CreditCardInput.js

@@ -1,71 +0,0 @@
-import React, { useState } from 'react';
-import { formatDate } from '@thx/date';
-import debug from 'debug';
-import CreditCards from 'react-credit-cards';
-import 'react-credit-cards/es/styles-compiled.css';
-import { Grid, Form, Input } from 'semantic-ui-react';
-import { MonthYearPicker } from '../../date/MonthYearPicker/MonthYearPicker.js';
-import { CreditCardNumberInput } from './CreditCardNumberInput.js';
-import './styles.css.js';
-
-const d = debug("thx.controls.inputs.CreditCardInput");
-function CreditCardInput(props) {
-  const { onBlur, disabled, onChange, value } = props;
-  const { name, number, cvc, expiry } = value || {};
-  const [focus, setFocus] = useState("number");
-  return /* @__PURE__ */ React.createElement(Grid, null, /* @__PURE__ */ React.createElement(Grid.Column, {
-    width: 4
-  }, /* @__PURE__ */ React.createElement(Form, null, /* @__PURE__ */ React.createElement(Form.Group, null, /* @__PURE__ */ React.createElement(Form.Field, {
-    width: 9
-  }, /* @__PURE__ */ React.createElement("label", null, "Number"), /* @__PURE__ */ React.createElement(CreditCardNumberInput, {
-    onFocus: () => setFocus("number"),
-    onBlur,
-    onChange: (v) => {
-      onChange && onChange({ name, number: v, cvc, expiry });
-    },
-    disabled
-  })), /* @__PURE__ */ React.createElement(Form.Field, {
-    width: 4
-  }, /* @__PURE__ */ React.createElement("label", null, "CVC"), /* @__PURE__ */ React.createElement(Input, {
-    value: cvc || "",
-    onChange: (ev, v) => {
-      onChange && onChange({ name, number, cvc: v.value, expiry });
-    },
-    onFocus: () => setFocus("cvc"),
-    onBlur: () => setFocus("name"),
-    disabled
-  }))), /* @__PURE__ */ React.createElement(Form.Group, null, /* @__PURE__ */ React.createElement(Form.Field, {
-    width: 9
-  }, /* @__PURE__ */ React.createElement("label", null, "Name"), /* @__PURE__ */ React.createElement(Input, {
-    value: name || "",
-    onChange: (ev, v) => {
-      onChange && onChange({ name: v.value, number, cvc, expiry });
-    },
-    onFocus: () => setFocus("name"),
-    disabled,
-    fluid: true
-  })), /* @__PURE__ */ React.createElement(Form.Field, {
-    width: 6
-  }, /* @__PURE__ */ React.createElement("label", null, "Expiry"), /* @__PURE__ */ React.createElement(MonthYearPicker, {
-    value: expiry,
-    onChange: (v) => {
-      onChange && onChange({ name, number, cvc, expiry: v });
-    },
-    onFocus: () => setFocus("expiry"),
-    disabled
-  }))))), /* @__PURE__ */ React.createElement(Grid.Column, {
-    width: 12
-  }, /* @__PURE__ */ React.createElement(CreditCards, {
-    cvc: cvc || "",
-    expiry: formatDate(expiry, { format: "MMuu" }) || "",
-    name: name || "",
-    number: number || "",
-    focused: focus,
-    callback: (a, b) => {
-      d(a, b);
-    }
-  })));
-}
-
-export { CreditCardInput };
-//# sourceMappingURL=CreditCardInput.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CreditCardInput.js","sources":["../../../../src/inputs/CreditCardInput/CreditCardInput.tsx"],"sourcesContent":["import type {LocalDate} from '@js-joda/core';\nimport {formatDate} from '@thx/date';\nimport debug from 'debug';\nimport {useState} from 'react';\nimport CreditCards, {Focused} from 'react-credit-cards';\nimport 'react-credit-cards/es/styles-compiled.css';\nimport {Form, Grid, Input, InputProps} from 'semantic-ui-react';\nimport {MonthYearPicker} from '../../date/MonthYearPicker';\nimport {CreditCardNumberInput} from './CreditCardNumberInput';\nimport './styles.css';\n\nconst d = debug('thx.controls.inputs.CreditCardInput');\n\nexport interface CreditCardData {\n\tnumber?: string;\n\tname?: string;\n\tcvc?: string;\n\texpiry?: LocalDate;\n}\n\nexport type CreditCardInputProps = {\n\tvalue?: CreditCardData;\n\tonChange?: (data: CreditCardData) => void;\n} & Pick<InputProps, 'disabled' | 'onBlur'>;\n\nexport function CreditCardInput(props: CreditCardInputProps) {\n\tconst {onBlur, disabled, onChange, value} = props;\n\tconst {name, number, cvc, expiry} = value || {};\n\n\tconst [focus, setFocus] = useState<Focused>('number');\n\n\treturn (\n\t\t<Grid>\n\t\t\t<Grid.Column width={4}>\n\t\t\t\t<Form>\n\t\t\t\t\t<Form.Group>\n\t\t\t\t\t\t<Form.Field width={9}>\n\t\t\t\t\t\t\t<label>Number</label>\n\t\t\t\t\t\t\t<CreditCardNumberInput\n\t\t\t\t\t\t\t\tonFocus={() => setFocus('number')}\n\t\t\t\t\t\t\t\tonBlur={onBlur}\n\t\t\t\t\t\t\t\tonChange={v => {\n\t\t\t\t\t\t\t\t\tonChange && onChange({name, number: v, cvc, expiry});\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</Form.Field>\n\t\t\t\t\t\t<Form.Field width={4}>\n\t\t\t\t\t\t\t<label>CVC</label>\n\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\tvalue={cvc || ''}\n\t\t\t\t\t\t\t\tonChange={(ev, v) => {\n\t\t\t\t\t\t\t\t\tonChange && onChange({name, number, cvc: v.value, expiry});\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tonFocus={() => setFocus('cvc')}\n\t\t\t\t\t\t\t\tonBlur={() => setFocus('name')}\n\t\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</Form.Field>\n\t\t\t\t\t</Form.Group>\n\t\t\t\t\t<Form.Group>\n\t\t\t\t\t\t<Form.Field width={9}>\n\t\t\t\t\t\t\t<label>Name</label>\n\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\tvalue={name || ''}\n\t\t\t\t\t\t\t\tonChange={(ev, v) => {\n\t\t\t\t\t\t\t\t\tonChange && onChange({name: v.value, number, cvc, expiry});\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tonFocus={() => setFocus('name')}\n\t\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\t\tfluid\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</Form.Field>\n\t\t\t\t\t\t<Form.Field width={6}>\n\t\t\t\t\t\t\t<label>Expiry</label>\n\t\t\t\t\t\t\t<MonthYearPicker\n\t\t\t\t\t\t\t\tvalue={expiry}\n\t\t\t\t\t\t\t\tonChange={v => {\n\t\t\t\t\t\t\t\t\tonChange && onChange({name, number, cvc, expiry: v});\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tonFocus={() => setFocus('expiry')}\n\t\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</Form.Field>\n\t\t\t\t\t</Form.Group>\n\t\t\t\t</Form>\n\t\t\t</Grid.Column>\n\t\t\t<Grid.Column width={12}>\n\t\t\t\t<CreditCards\n\t\t\t\t\tcvc={cvc || ''}\n\t\t\t\t\texpiry={formatDate(expiry, {format: 'MMuu'}) || ''}\n\t\t\t\t\tname={name || ''}\n\t\t\t\t\tnumber={number || ''}\n\t\t\t\t\tfocused={focus}\n\t\t\t\t\tcallback={(a, b) => {\n\t\t\t\t\t\td(a, b);\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t</Grid.Column>\n\t\t</Grid>\n\t);\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/inputs/CreditCardInput/CreditCardNumberInput.js

@@ -1,76 +0,0 @@
-import React, { useState, useCallback, useMemo } from 'react';
-import creditCardType from 'credit-card-type';
-import debug from 'debug';
-import { validate } from 'luhn';
-import { Input, Icon } from 'semantic-ui-react';
-import { useMaskedInput } from '../MaskedInput/useMaskedInput.js';
-
-const d = debug("thx.controls.inputs.CreditCardInput.CreditCardNumberInput");
-function getIcon(type) {
-  switch (type) {
-    case "visa":
-      return "cc visa";
-    case "mastercard":
-      return "cc mastercard";
-    case "american-express":
-      return "cc amex";
-    case "diners-club":
-      return "cc diners club";
-    case "jcb":
-      return "cc jcb";
-    default:
-      return "credit card";
-  }
-}
-function CreditCardNumberInput(props) {
-  const { value, onChange, ...rest } = props;
-  const [icon, setIcon] = useState("credit card");
-  const [color, setColor] = useState("black");
-  const checkValidation = useCallback((valueArray) => {
-    const num = valueArray.join("").replaceAll(/(_|\s)/g, "");
-    const typ = creditCardType(num);
-    const isValid = validate(num);
-    if (typ.length === 1) {
-      setIcon(getIcon(typ[0].type));
-    } else {
-      setIcon("credit card");
-    }
-    if (num.length > 0) {
-      if (isValid) {
-        setColor("green");
-      } else {
-        setColor("red");
-      }
-    } else {
-      setColor("black");
-    }
-    return isValid;
-  }, []);
-  const creditCardMask = useMemo(() => ({
-    mask: "9999 9999 9999 9999",
-    isComplete: checkValidation,
-    autoUnmask: true
-  }), [checkValidation]);
-  const cardNumberRef = useMaskedInput({
-    mask: creditCardMask,
-    value,
-    onChange: (v) => {
-      const typ = creditCardType(v || "");
-      d(v, typ);
-      onChange && onChange(v);
-    }
-  });
-  return /* @__PURE__ */ React.createElement(Input, {
-    ...rest,
-    icon: true
-  }, /* @__PURE__ */ React.createElement("input", {
-    ref: cardNumberRef
-  }), /* @__PURE__ */ React.createElement(Icon, {
-    name: icon,
-    color,
-    size: "large"
-  }));
-}
-
-export { CreditCardNumberInput };
-//# sourceMappingURL=CreditCardNumberInput.js.map

package/dist/esm/inputs/CreditCardInput/CreditCardNumberInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CreditCardNumberInput.js","sources":["../../../../src/inputs/CreditCardInput/CreditCardNumberInput.tsx"],"sourcesContent":["import creditCardType from 'credit-card-type';\nimport debug from 'debug';\nimport {validate} from 'luhn';\nimport {useCallback, useMemo, useState} from 'react';\nimport {Icon, Input, InputProps, SemanticICONS, SemanticCOLORS} from 'semantic-ui-react';\nimport type {MaskedInputProps} from '../MaskedInput';\nimport {useMaskedInput} from '../MaskedInput/useMaskedInput';\n\nconst d = debug('thx.controls.inputs.CreditCardInput.CreditCardNumberInput');\n\ninterface CreditCardNumberInputProps {\n\tonChange?: (value: string | undefined) => void;\n\tvalue?: string;\n}\n\nfunction getIcon(type: string): SemanticICONS {\n\tswitch (type) {\n\t\tcase 'visa':\n\t\t\treturn 'cc visa';\n\t\tcase 'mastercard':\n\t\t\treturn 'cc mastercard';\n\t\tcase 'american-express':\n\t\t\treturn 'cc amex';\n\t\tcase 'diners-club':\n\t\t\treturn 'cc diners club';\n\t\tcase 'jcb':\n\t\t\treturn 'cc jcb';\n\t\tdefault:\n\t\t\treturn 'credit card';\n\t}\n}\n\nexport function CreditCardNumberInput(props: CreditCardNumberInputProps & Omit<InputProps, 'onChange'>) {\n\tconst {value, onChange, ...rest} = props;\n\tconst [icon, setIcon] = useState<SemanticICONS>('credit card');\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 typ = creditCardType(num);\n\t\tconst isValid = validate(num);\n\n\t\tif (typ.length === 1) {\n\t\t\tsetIcon(getIcon(typ[0].type));\n\t\t} else {\n\t\t\tsetIcon('credit card');\n\t\t}\n\n\t\tif (num.length > 0) {\n\t\t\tif (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\n\t\treturn isValid;\n\t}, []);\n\n\tconst creditCardMask: MaskedInputProps['mask'] = useMemo(\n\t\t() => ({\n\t\t\tmask: '9999 9999 9999 9999',\n\t\t\tisComplete: checkValidation,\n\t\t\tautoUnmask: true,\n\t\t}),\n\t\t[checkValidation],\n\t);\n\n\tconst cardNumberRef = useMaskedInput({\n\t\tmask: creditCardMask,\n\t\tvalue,\n\t\tonChange: v => {\n\t\t\tconst typ = creditCardType(v || '');\n\t\t\td(v, typ);\n\t\t\t// checkValidation([v || '']);\n\t\t\tonChange && onChange(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={icon} color={color} size=\"large\" />\n\t\t</Input>\n\t);\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/inputs/CreditCardInput/styles.css.js

@@ -1,7 +0,0 @@
-import styleInject from './../../external/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".rccs {\n\tmargin: 0 !important;\n}\n";
-styleInject(css_248z);
-
-export { css_248z as default };
-//# sourceMappingURL=styles.css.js.map

package/dist/esm/inputs/CreditCardInput/styles.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,uDAAyD;AACjF;AACA;AACA;AACA;AACA;"}

package/dist/esm/inputs/RadioGroup/RadioGroup.js

@@ -1,25 +0,0 @@
-import React, { Children, cloneElement } from 'react';
-import debug from 'debug';
-import { Form, FormRadio, Radio } from 'semantic-ui-react';
-
-debug("thx.controls.inputs.RadioGroup");
-function RadioGroup(props) {
-  const { children, onChange, value, ...rest } = props;
-  return /* @__PURE__ */ React.createElement(Form.Group, {
-    ...rest
-  }, Children.map(props.children, (child) => {
-    if (child?.type === FormRadio || child?.type === Radio || child?.type === Form.Radio) {
-      return cloneElement(child, {
-        onChange: (ev, args) => {
-          if (onChange)
-            onChange(args.value);
-        },
-        checked: value === child.props.value
-      });
-    }
-    return child;
-  }));
-}
-
-export { RadioGroup };
-//# sourceMappingURL=RadioGroup.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"RadioGroup.js","sources":["../../../../src/inputs/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import debug from 'debug';\nimport {Children, cloneElement} from 'react';\nimport {Form, Radio, FormRadio, FormGroupProps} from 'semantic-ui-react';\n\nconst d = debug('thx.controls.inputs.RadioGroup');\n\nexport interface RadioGroupProps {\n\tchildren?: JSX.Element[] | JSX.Element;\n\tonChange?: (value?: string | number) => void;\n\tvalue?: string | number;\n}\n\nexport function RadioGroup(props: RadioGroupProps & Omit<FormGroupProps, 'children'>) {\n\tconst {children, onChange, value, ...rest} = props;\n\n\treturn (\n\t\t<Form.Group {...rest}>\n\t\t\t{Children.map(props.children, child => {\n\t\t\t\tif (child?.type === FormRadio || child?.type === Radio || child?.type === Form.Radio) {\n\t\t\t\t\treturn cloneElement(child, {\n\t\t\t\t\t\tonChange: (ev: any, args: {value?: string | number}) => {\n\t\t\t\t\t\t\tif (onChange) onChange(args.value);\n\t\t\t\t\t\t},\n\t\t\t\t\t\tchecked: value === child.props.value,\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t\treturn child;\n\t\t\t})}\n\t\t</Form.Group>\n\t);\n}\n"],"names":[],"mappings":";;;;AAIU,MAAM,gCAAgC,EAAA;AAQzC,SAAA,UAAA,CAAoB,KAA2D,EAAA;AACrF,EAAA,MAAM,EAAC,QAAA,EAAU,QAAU,EAAA,KAAA,EAAA,GAAU,IAAQ,EAAA,GAAA,KAAA,CAAA;AAE7C,EACC,uBAAA,KAAA,CAAA,aAAA,CAAC,KAAK,KAAL,EAAA;AAAA,IAAe,GAAA,IAAA;AAAA,GAAA,EACd,QAAS,CAAA,GAAA,CAAI,KAAM,CAAA,QAAA,EAAU,CAAS,KAAA,KAAA;AACtC,IAAI,IAAA,KAAA,EAAO,SAAS,SAAa,IAAA,KAAA,EAAO,SAAS,KAAS,IAAA,KAAA,EAAO,IAAS,KAAA,IAAA,CAAK,KAAO,EAAA;AACrF,MAAA,OAAO,aAAa,KAAO,EAAA;AAAA,QAC1B,QAAA,EAAU,CAAC,EAAA,EAAS,IAAoC,KAAA;AACvD,UAAI,IAAA,QAAA;AAAU,YAAA,QAAA,CAAS,KAAK,KAAK,CAAA,CAAA;AAAA,SAClC;AAAA,QACA,OAAA,EAAS,KAAU,KAAA,KAAA,CAAM,KAAM,CAAA,KAAA;AAAA,OAC/B,CAAA,CAAA;AAAA,KACF;AACA,IAAO,OAAA,KAAA,CAAA;AAAA,GACP,CACF,CAAA,CAAA;AAEF;;;;"}

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