ag-common 0.0.418 → 0.0.419

package/dist/ui/components/TextEdit/ListboxEdit.js

@@ -1,43 +1,17 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ListboxEdit = void 0;
-const react_1 = __importStar(require("react"));
-const Save_1 = require("../../icons/Save");
-const Undo_1 = require("../../icons/Undo");
-const common_1 = require("../../styles/common");
-const common_2 = require("./common");
-const ListboxEdit = ({ defaultValue, onSubmit, values, canEdit = true, 
+import React, { useEffect, useState } from 'react';
+import { Save } from '../../icons/Save';
+import { Undo } from '../../icons/Undo';
+import { noDrag } from '../../styles/common';
+import { IconD as Icon, iconLeft, iconRight, ValueBox } from './common';
+export const ListboxEdit = ({ defaultValue, onSubmit, values, canEdit = true, 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 renderLabel = (e) => e.toString(), }) => {
-    const [value, setValue] = (0, react_1.useState)(defaultValue);
-    (0, react_1.useEffect)(() => {
+    const [value, setValue] = useState(defaultValue);
+    useEffect(() => {
         setValue(defaultValue);
     }, [defaultValue]);
-    return (react_1.default.createElement(common_2.ValueBox, Object.assign({}, common_1.noDrag),
-        react_1.default.createElement("select", { size: 5, 
+    return (React.createElement(ValueBox, { ...noDrag },
+        React.createElement("select", { size: 5, 
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             value: value.toString(), onChange: (v) => {
                 const selected = values[v.target.selectedIndex];
@@ -45,14 +19,13 @@ renderLabel = (e) => e.toString(), }) => {
                     return;
                 }
                 return canEdit ? setValue(selected) : onSubmit(selected);
-            } }, values.map((v) => (react_1.default.createElement("option", { 
+            } }, values.map((v) => (React.createElement("option", { 
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             key: v.toString(), 
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             value: v.toString() }, renderLabel(v))))),
-        canEdit && value !== defaultValue && (react_1.default.createElement(common_2.IconD, { style: common_2.iconLeft, onClick: () => value !== defaultValue && onSubmit(value) },
-            react_1.default.createElement(Save_1.Save, null))),
-        canEdit && value !== defaultValue && (react_1.default.createElement(common_2.IconD, { style: common_2.iconRight, onClick: () => setValue(defaultValue) },
-            react_1.default.createElement(Undo_1.Undo, null)))));
+        canEdit && value !== defaultValue && (React.createElement(Icon, { style: iconLeft, onClick: () => value !== defaultValue && onSubmit(value) },
+            React.createElement(Save, null))),
+        canEdit && value !== defaultValue && (React.createElement(Icon, { style: iconRight, onClick: () => setValue(defaultValue) },
+            React.createElement(Undo, null)))));
 };
-exports.ListboxEdit = ListboxEdit;

package/dist/ui/components/TextEdit/RadioGroup.js

@@ -1,54 +1,24 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RadioGroup = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-const react_1 = __importStar(require("react"));
-const common_1 = require("../../styles/common");
-const FlexColumn_1 = require("../FlexColumn");
-const common_2 = require("./common");
-const Label = styled_1.default.label ``;
-const RadioGroup = ({ defaultValue, onSubmit, values, 
+import styled from '@emotion/styled';
+import React, { useEffect, useState } from 'react';
+import { noDrag } from '../../styles/common';
+import { FlexColumn } from '../FlexColumn';
+import { ValueBox } from './common';
+const Label = styled.label ``;
+export const RadioGroup = ({ defaultValue, onSubmit, values, 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 renderLabel = (e) => e.toString(), 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 renderValue = (e) => e.toString(), }) => {
-    const [value, setValue] = (0, react_1.useState)(renderValue(defaultValue));
-    (0, react_1.useEffect)(() => {
+    const [value, setValue] = useState(renderValue(defaultValue));
+    useEffect(() => {
         const rv = renderValue(defaultValue);
         if (value !== rv) {
             setValue(rv);
         }
     }, [defaultValue, renderValue, value]);
-    return (react_1.default.createElement(common_2.ValueBox, Object.assign({}, common_1.noDrag), values.map((v) => (
+    return (React.createElement(ValueBox, { ...noDrag }, values.map((v) => (
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    react_1.default.createElement(FlexColumn_1.FlexColumn, { key: v.toString() },
-        react_1.default.createElement(Label, null, renderLabel(v)),
-        react_1.default.createElement("input", { type: "radio", key: renderValue(v), value: renderValue(v), checked: renderValue(v) === value, onChange: () => onSubmit(v) }))))));
+    React.createElement(FlexColumn, { key: v.toString() },
+        React.createElement(Label, null, renderLabel(v)),
+        React.createElement("input", { type: "radio", key: renderValue(v), value: renderValue(v), checked: renderValue(v) === value, onChange: () => onSubmit(v) }))))));
 };
-exports.RadioGroup = RadioGroup;

package/dist/ui/components/TextEdit/TextEdit.js

@@ -1,54 +1,25 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TextEdit = exports.ValueReadonly = void 0;
 /* eslint-disable react/display-name */
-const react_1 = require("@emotion/react");
-const styled_1 = __importDefault(require("@emotion/styled"));
-const react_2 = __importStar(require("react"));
-const dom_1 = require("../../helpers/dom");
-const useOnClickOutside_1 = require("../../helpers/useOnClickOutside");
-const Pencil_1 = require("../../icons/Pencil");
-const Save_1 = require("../../icons/Save");
-const Undo_1 = require("../../icons/Undo");
-const common_1 = require("../../styles/common");
-const common_2 = require("./common");
-const LengthBox_1 = require("./LengthBox");
-exports.ValueReadonly = styled_1.default.div `
-  ${common_2.valueCss};
+import { css } from '@emotion/react';
+import styled from '@emotion/styled';
+import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useRef, useState, } from 'react';
+import { filterDataProps } from '../../helpers/dom';
+import { useOnClickOutside } from '../../helpers/useOnClickOutside';
+import { Pencil } from '../../icons/Pencil';
+import { Save } from '../../icons/Save';
+import { Undo } from '../../icons/Undo';
+import { noDrag } from '../../styles/common';
+import { iconLeft, iconRight, ValueBox, valueCss } from './common';
+import { TextEditLengthBox } from './LengthBox';
+export const ValueReadonly = styled.div `
+  ${valueCss};
   word-break: break-word;
   flex-basis: calc(100% - 3rem);
 `;
-const basecss = (0, react_1.css) `
+const basecss = css `
   outline: none;
   border: 0;
   word-break: break-word;
-  ${common_2.valueCss};
+  ${valueCss};
   resize: none;
   overflow: hidden;
   background-color: white;
@@ -59,19 +30,19 @@ const basecss = (0, react_1.css) `
     color: #bbb;
   }
 `;
-const ValueTextArea = styled_1.default.textarea `
+const ValueTextArea = styled.textarea `
   ${basecss}
   &[data-editing='true'] {
     min-height: 5rem;
   }
 `;
-const ValueTextBox = styled_1.default.input `
+const ValueTextBox = styled.input `
   ${basecss}
 `;
-const ValueBoxEdit = (0, styled_1.default)(common_2.ValueBox) `
+const ValueBoxEdit = styled(ValueBox) `
   border: solid 1px #ccc;
 `;
-const Right = styled_1.default.div `
+const Right = styled.div `
   display: flex;
   flex-flow: row;
   align-content: center;
@@ -81,7 +52,7 @@ const Right = styled_1.default.div `
     right: 0.5rem;
   }
 `;
-const Icon = styled_1.default.div `
+const Icon = styled.div `
   width: 1.5rem;
   display: flex;
   cursor: pointer;
@@ -89,24 +60,24 @@ const Icon = styled_1.default.div `
     filter: saturate(3);
   }
 `;
-exports.TextEdit = (0, react_2.forwardRef)((p, ref) => {
+export const TextEdit = forwardRef((p, ref) => {
     const { defaultValue = '', defaultEditing, disableEdit = false, singleLine = false, noGrow = false, allowUndo = true, } = p;
-    const divRef = (0, react_2.useRef)(null);
-    const taref = (0, react_2.useRef)(null);
-    const [value, setValue] = (0, react_2.useState)(defaultValue);
-    const [editing, setEditingRaw] = (0, react_2.useState)(!!defaultEditing);
+    const divRef = useRef(null);
+    const taref = useRef(null);
+    const [value, setValue] = useState(defaultValue);
+    const [editing, setEditingRaw] = useState(!!defaultEditing);
     const valueChange = value !== defaultValue;
-    (0, react_2.useImperativeHandle)(ref, () => ({
+    useImperativeHandle(ref, () => ({
         setValue: (v) => {
             if (v === value) {
                 return;
             }
             setValue(v);
         },
-        focus: () => { var _a; return (_a = taref.current) === null || _a === void 0 ? void 0 : _a.focus(); },
-        getValue: () => { var _a; return (_a = taref.current) === null || _a === void 0 ? void 0 : _a.value; },
+        focus: () => taref.current?.focus(),
+        getValue: () => taref.current?.value,
     }));
-    (0, useOnClickOutside_1.useOnClickOutside)({
+    useOnClickOutside({
         disabled: p.onClickOutsideWithNoValue === null || disableEdit,
         ref: divRef,
         moveMouseOutside: false,
@@ -125,34 +96,34 @@ exports.TextEdit = (0, react_2.forwardRef)((p, ref) => {
             setEditingRaw(false);
         }
     });
-    const setEditing = (0, react_2.useCallback)((b) => {
+    const setEditing = useCallback((b) => {
         setEditingRaw(b);
         if (p.onEditingChange) {
             p.onEditingChange(b);
         }
     }, [p]);
-    (0, react_2.useEffect)(() => {
-        if ((defaultEditing === null || defaultEditing === void 0 ? void 0 : defaultEditing.focus) && taref.current) {
+    useEffect(() => {
+        if (defaultEditing?.focus && taref.current) {
             taref.current.focus();
         }
-    }, [defaultEditing === null || defaultEditing === void 0 ? void 0 : defaultEditing.focus]);
+    }, [defaultEditing?.focus]);
     if (!editing || disableEdit) {
-        return (react_2.default.createElement(common_2.ValueBox, Object.assign({}, common_1.noDrag, { className: p.className, "data-editing": "false", onClick: () => { var _a; return (_a = p.onClickNotEditing) === null || _a === void 0 ? void 0 : _a.call(p); }, "data-pointer": p.onClickNotEditing ? 'true' : 'false', "data-nogrow": noGrow }, (0, dom_1.filterDataProps)(p)),
+        return (React.createElement(ValueBox, { ...noDrag, className: p.className, "data-editing": "false", onClick: () => p.onClickNotEditing?.(), "data-pointer": p.onClickNotEditing ? 'true' : 'false', "data-nogrow": noGrow, ...filterDataProps(p) },
             p.leftContent || null,
-            react_2.default.createElement(exports.ValueReadonly, { "data-type": "text" }, value || react_2.default.createElement("span", { style: { color: '#ccc' } }, p.placeholder)),
-            react_2.default.createElement(Right, null, !disableEdit && (react_2.default.createElement(Icon, { style: common_2.iconRight, onClick: (e) => {
+            React.createElement(ValueReadonly, { "data-type": "text" }, value || React.createElement("span", { style: { color: '#ccc' } }, p.placeholder)),
+            React.createElement(Right, null, !disableEdit && (React.createElement(Icon, { style: iconRight, onClick: (e) => {
                     e.stopPropagation();
                     setEditing(true);
                 } },
-                react_2.default.createElement(Pencil_1.Pencil, null))))));
+                React.createElement(Pencil, null))))));
     }
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const Comp = !singleLine ? ValueTextArea : ValueTextBox;
-    return (react_2.default.createElement(ValueBoxEdit, Object.assign({}, common_1.noDrag, { className: p.className, "data-editing": "true", 
+    return (React.createElement(ValueBoxEdit, { ...noDrag, className: p.className, "data-editing": "true", 
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        ref: ref, tabIndex: -1, "data-nogrow": noGrow }, (0, dom_1.filterDataProps)(p)),
+        ref: ref, tabIndex: -1, "data-nogrow": noGrow, ...filterDataProps(p) },
         p.leftContent || null,
-        react_2.default.createElement(Comp, { tabIndex: editing ? 0 : undefined, "data-editing": "true", "data-valuechange": valueChange.toString(), 
+        React.createElement(Comp, { tabIndex: editing ? 0 : undefined, "data-editing": "true", "data-valuechange": valueChange.toString(), 
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             ref: taref, "data-type": "text", value: value, onChange: (v) => {
                 setValue(v.currentTarget.value);
@@ -162,8 +133,7 @@ exports.TextEdit = (0, react_2.forwardRef)((p, ref) => {
             }, placeholder: p.placeholder, rows: singleLine ? 1 : undefined, maxLength: p.maxLength, 
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             onKeyDown: (e) => {
-                var _a;
-                if (((_a = p.onKeyDown) === null || _a === void 0 ? void 0 : _a.call(p, e)) === false) {
+                if (p.onKeyDown?.(e) === false) {
                     e.preventDefault();
                     return;
                 }
@@ -171,14 +141,14 @@ exports.TextEdit = (0, react_2.forwardRef)((p, ref) => {
                     p.onSubmit(value, true);
                 }
             } }),
-        p.maxLength && (react_2.default.createElement(Right, { "data-singleline": singleLine },
-            react_2.default.createElement(LengthBox_1.TextEditLengthBox, { min: value.length, max: p.maxLength }))),
-        allowUndo && (react_2.default.createElement(Right, null,
-            valueChange && (react_2.default.createElement(Icon, { style: common_2.iconLeft, onClick: () => valueChange && p.onSubmit(value, false) },
-                react_2.default.createElement(Save_1.Save, null))),
-            (valueChange || editing !== !!defaultEditing) && (react_2.default.createElement(Icon, { style: common_2.iconRight, onClick: () => {
+        p.maxLength && (React.createElement(Right, { "data-singleline": singleLine },
+            React.createElement(TextEditLengthBox, { min: value.length, max: p.maxLength }))),
+        allowUndo && (React.createElement(Right, null,
+            valueChange && (React.createElement(Icon, { style: iconLeft, onClick: () => valueChange && p.onSubmit(value, false) },
+                React.createElement(Save, null))),
+            (valueChange || editing !== !!defaultEditing) && (React.createElement(Icon, { style: iconRight, onClick: () => {
                     setEditing(!!defaultEditing);
                     setValue(defaultValue);
                 } },
-                react_2.default.createElement(Undo_1.Undo, null)))))));
+                React.createElement(Undo, null)))))));
 });

package/dist/ui/components/TextEdit/common.js

@@ -1,13 +1,7 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.iconLeft = exports.iconRight = exports.IconD = exports.ValueInputCB = exports.valueCss = exports.ValueBox = void 0;
-const react_1 = require("@emotion/react");
-const styled_1 = __importDefault(require("@emotion/styled"));
-const colours_1 = require("../../styles/colours");
-exports.ValueBox = styled_1.default.div `
+import { css } from '@emotion/react';
+import styled from '@emotion/styled';
+import { colours } from '../../styles/colours';
+export const ValueBox = styled.div `
   padding: 0.5rem;
 
   display: flex;
@@ -27,7 +21,7 @@ exports.ValueBox = styled_1.default.div `
     flex-grow: 0;
   }
 `;
-exports.valueCss = (0, react_1.css) `
+export const valueCss = css `
   width: 100%;
   height: 100%;
   word-break: break-all;
@@ -41,10 +35,10 @@ exports.valueCss = (0, react_1.css) `
     height: 1.5rem;
   }
 `;
-exports.ValueInputCB = styled_1.default.input `
-  ${exports.valueCss};
+export const ValueInputCB = styled.input `
+  ${valueCss};
 `;
-exports.IconD = styled_1.default.div `
+export const IconD = styled.div `
   z-index: 1;
   font-size: 1rem;
   width: 1.5rem;
@@ -52,8 +46,8 @@ exports.IconD = styled_1.default.div `
   position: absolute;
   cursor: pointer;
   svg {
-    fill: ${colours_1.colours.notificationBlue};
+    fill: ${colours.notificationBlue};
   }
 `;
-exports.iconRight = { right: '0' };
-exports.iconLeft = { right: '1.5rem' };
+export const iconRight = { right: '0' };
+export const iconLeft = { right: '1.5rem' };

package/dist/ui/components/TextEdit/index.js

@@ -1,22 +1,6 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./CheckboxEdit"), exports);
-__exportStar(require("./ColourEdit"), exports);
-__exportStar(require("./ListboxEdit"), exports);
-__exportStar(require("./RadioGroup"), exports);
-__exportStar(require("./TextEdit"), exports);
-__exportStar(require("./types"), exports);
+export * from './CheckboxEdit';
+export * from './ColourEdit';
+export * from './ListboxEdit';
+export * from './RadioGroup';
+export * from './TextEdit';
+export * from './types';

package/dist/ui/components/TextEdit/types.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/dist/ui/components/TextWithButton/index.js

@@ -1,39 +1,10 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TextWithButton = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-const react_1 = __importStar(require("react"));
-const Base = styled_1.default.div `
+import styled from '@emotion/styled';
+import React, { useState } from 'react';
+const Base = styled.div `
   display: flex;
   flex-flow: row;
 `;
-const Input = styled_1.default.input `
+const Input = styled.input `
   flex-grow: 1;
   border: solid 3px #ccc;
   border-right: 0;
@@ -46,7 +17,7 @@ const Input = styled_1.default.input `
   }
   outline: 0;
 `;
-const Button = styled_1.default.button `
+const Button = styled.button `
   padding: 2rem;
   padding-top: 1rem;
   padding-bottom: 1rem;
@@ -67,11 +38,10 @@ const Button = styled_1.default.button `
     background-color: #ccc;
   }
 `;
-const TextWithButton = ({ submitText = 'Submit', placeholder, validateF, onSubmit, }) => {
-    const [value, setValue] = (0, react_1.useState)('');
+export const TextWithButton = ({ submitText = 'Submit', placeholder, validateF, onSubmit, }) => {
+    const [value, setValue] = useState('');
     const valid = !validateF ? true : validateF(value);
-    return (react_1.default.createElement(Base, null,
-        react_1.default.createElement(Input, { "data-type": "input", "data-valid": valid, placeholder: placeholder, value: value, onChange: (s) => setValue(s.target.value), onKeyDown: (e) => e.key === 'Enter' && valid && onSubmit(value) }),
-        react_1.default.createElement(Button, { "data-type": "button", "data-valid": valid, disabled: !valid, onClick: () => valid && onSubmit(value) }, submitText)));
+    return (React.createElement(Base, null,
+        React.createElement(Input, { "data-type": "input", "data-valid": valid, placeholder: placeholder, value: value, onChange: (s) => setValue(s.target.value), onKeyDown: (e) => e.key === 'Enter' && valid && onSubmit(value) }),
+        React.createElement(Button, { "data-type": "button", "data-valid": valid, disabled: !valid, onClick: () => valid && onSubmit(value) }, submitText)));
 };
-exports.TextWithButton = TextWithButton;

package/dist/ui/components/TimelineChart/index.js

@@ -1,12 +1,6 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TimelineChart = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-const react_1 = __importDefault(require("react"));
-const Base = styled_1.default.div `
+import styled from '@emotion/styled';
+import React from 'react';
+const Base = styled.div `
   display: flex;
   flex-flow: column;
   justify-content: center;
@@ -17,9 +11,9 @@ const Base = styled_1.default.div `
     overflow: initial;
   }
 `;
-const TimelineChart = ({ series, strokeWidth = 3, className, }) => {
+export const TimelineChart = ({ series, strokeWidth = 3, className, }) => {
     if (series.length === 0) {
-        return react_1.default.createElement(Base, null);
+        return React.createElement(Base, null);
     }
     const width = 600;
     const height = 200;
@@ -29,13 +23,13 @@ const TimelineChart = ({ series, strokeWidth = 3, className, }) => {
     const xMax = Math.max(...xValues);
     const yMin = Math.min(...yValues);
     const yMax = Math.max(...yValues);
-    const xScale = (x) => { var _a; return (_a = Math.ceil(width * ((x - xMin) / (xMax - xMin)))) !== null && _a !== void 0 ? _a : 0; };
+    const xScale = (x) => Math.ceil(width * ((x - xMin) / (xMax - xMin))) ?? 0;
     const yScale = (y) => {
         let ret = Math.ceil(height * ((yMax - y) / (yMax - yMin)));
         if (isNaN(ret)) {
             ret = y;
         }
-        return ret !== null && ret !== void 0 ? ret : y;
+        return ret ?? y;
     };
     const getPathData = ({ data }) => {
         const pd1 = data
@@ -48,15 +42,11 @@ const TimelineChart = ({ series, strokeWidth = 3, className, }) => {
         const pathData = pd1.map(({ xScaled, yScaled }, i) => i === 0 ? `M${xScaled} ${yScaled}` : ` L${xScaled} ${yScaled}`);
         return pathData.join('\n');
     };
-    return (react_1.default.createElement(Base, { className: className },
-        react_1.default.createElement("svg", { viewBox: `0 -10 ${width} ${height + 20}` }, series.map(({ color, data, label, key, onClick, title }) => {
-            var _a, _b, _c, _d;
-            return (react_1.default.createElement("g", { key: key },
-                react_1.default.createElement("title", null, title || label),
-                react_1.default.createElement("path", { d: getPathData({ color, data, label, key }), fill: "none", stroke: color, strokeWidth: strokeWidth, onClick: () => onClick === null || onClick === void 0 ? void 0 : onClick(), style: { cursor: onClick ? 'pointer' : 'default' } }),
-                label && (react_1.default.createElement(react_1.default.Fragment, null,
-                    react_1.default.createElement("text", { x: xScale((_a = data === null || data === void 0 ? void 0 : data[0]) === null || _a === void 0 ? void 0 : _a.x) + strokeWidth * 2, y: yScale((_b = data[data.length - 1]) === null || _b === void 0 ? void 0 : _b.y), fontSize: "12", textAnchor: "middle", dominantBaseline: "middle", stroke: "white", strokeWidth: '3px' }, label),
-                    react_1.default.createElement("text", { x: xScale((_c = data === null || data === void 0 ? void 0 : data[0]) === null || _c === void 0 ? void 0 : _c.x) + strokeWidth * 2, y: yScale((_d = data[data.length - 1]) === null || _d === void 0 ? void 0 : _d.y), fontSize: "12", textAnchor: "middle", dominantBaseline: "middle", fill: "black" }, label)))));
-        }))));
+    return (React.createElement(Base, { className: className },
+        React.createElement("svg", { viewBox: `0 -10 ${width} ${height + 20}` }, series.map(({ color, data, label, key, onClick, title }) => (React.createElement("g", { key: key },
+            React.createElement("title", null, title || label),
+            React.createElement("path", { d: getPathData({ color, data, label, key }), fill: "none", stroke: color, strokeWidth: strokeWidth, onClick: () => onClick?.(), style: { cursor: onClick ? 'pointer' : 'default' } }),
+            label && (React.createElement(React.Fragment, null,
+                React.createElement("text", { x: xScale(data?.[0]?.x) + strokeWidth * 2, y: yScale(data[data.length - 1]?.y), fontSize: "12", textAnchor: "middle", dominantBaseline: "middle", stroke: "white", strokeWidth: '3px' }, label),
+                React.createElement("text", { x: xScale(data?.[0]?.x) + strokeWidth * 2, y: yScale(data[data.length - 1]?.y), fontSize: "12", textAnchor: "middle", dominantBaseline: "middle", fill: "black" }, label)))))))));
 };
-exports.TimelineChart = TimelineChart;

package/dist/ui/components/Toast/Cross.js

@@ -1,17 +1,10 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Cross = void 0;
-const react_1 = __importDefault(require("react"));
+import React from 'react';
 //red cross in circle
-const Cross = () => (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 48 48" },
-    react_1.default.createElement("defs", null,
-        react_1.default.createElement("linearGradient", { id: "a", x2: "0", y1: "47.37", y2: "-1.429", gradientUnits: "userSpaceOnUse" },
-            react_1.default.createElement("stop", { stopColor: "#c52828" }),
-            react_1.default.createElement("stop", { offset: "1", stopColor: "#ff5454" }))),
-    react_1.default.createElement("g", { style: { fillOpacity: 1 }, transform: "translate(-58.37 .882) scale(.99999)" },
-        react_1.default.createElement("circle", { cx: "82.37", cy: "23.12", r: "24", fill: "url(#a)", style: { fillOpacity: 1, fill: '#d33' } }),
-        react_1.default.createElement("path", { fill: "#fff", fillOpacity: ".842", d: "m87.77 23.725 5.939-5.939c.377-.372.566-.835.566-1.373 0-.54-.189-.997-.566-1.374l-2.747-2.747a1.888 1.888 0 0 0-1.373-.564c-.539 0-.997.186-1.374.564l-5.939 5.939-5.939-5.939a1.889 1.889 0 0 0-1.374-.564c-.539 0-.997.186-1.374.564l-2.748 2.747a1.873 1.873 0 0 0-.566 1.374c0 .54.188.997.566 1.373l5.939 5.939-5.939 5.94a1.862 1.862 0 0 0-.566 1.373c0 .54.188.997.566 1.373l2.748 2.747c.377.378.835.564 1.374.564.539 0 .997-.186 1.374-.564l5.939-5.939 5.94 5.939c.377.378.835.564 1.374.564.539 0 .997-.186 1.373-.564l2.747-2.747c.377-.372.566-.835.566-1.373 0-.54-.188-.997-.566-1.373l-5.939-5.94", style: { fillOpacity: 1, fill: '#fff' } }))));
-exports.Cross = Cross;
+export const Cross = () => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 48 48" },
+    React.createElement("defs", null,
+        React.createElement("linearGradient", { id: "a", x2: "0", y1: "47.37", y2: "-1.429", gradientUnits: "userSpaceOnUse" },
+            React.createElement("stop", { stopColor: "#c52828" }),
+            React.createElement("stop", { offset: "1", stopColor: "#ff5454" }))),
+    React.createElement("g", { style: { fillOpacity: 1 }, transform: "translate(-58.37 .882) scale(.99999)" },
+        React.createElement("circle", { cx: "82.37", cy: "23.12", r: "24", fill: "url(#a)", style: { fillOpacity: 1, fill: '#d33' } }),
+        React.createElement("path", { fill: "#fff", fillOpacity: ".842", d: "m87.77 23.725 5.939-5.939c.377-.372.566-.835.566-1.373 0-.54-.189-.997-.566-1.374l-2.747-2.747a1.888 1.888 0 0 0-1.373-.564c-.539 0-.997.186-1.374.564l-5.939 5.939-5.939-5.939a1.889 1.889 0 0 0-1.374-.564c-.539 0-.997.186-1.374.564l-2.748 2.747a1.873 1.873 0 0 0-.566 1.374c0 .54.188.997.566 1.373l5.939 5.939-5.939 5.94a1.862 1.862 0 0 0-.566 1.373c0 .54.188.997.566 1.373l2.748 2.747c.377.378.835.564 1.374.564.539 0 .997-.186 1.374-.564l5.939-5.939 5.94 5.939c.377.378.835.564 1.374.564.539 0 .997-.186 1.373-.564l2.747-2.747c.377-.372.566-.835.566-1.373 0-.54-.188-.997-.566-1.373l-5.939-5.94", style: { fillOpacity: 1, fill: '#fff' } }))));