ag-common 0.0.419 → 0.0.421

package/dist/ui/components/Search/Modal.js

@@ -1,20 +1,27 @@
-import styled from '@emotion/styled';
-import React from 'react';
-import { bigScreen, smallScreen } from '../../styles';
-import { Modal } from '../Modal/Modal';
-import { SearchBase } from './Base';
-const ModalStyled = styled(Modal) `
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SearchModal = void 0;
+const styled_1 = __importDefault(require("@emotion/styled"));
+const react_1 = __importDefault(require("react"));
+const styles_1 = require("../../styles");
+const Modal_1 = require("../Modal/Modal");
+const Base_1 = require("./Base");
+const ModalStyled = (0, styled_1.default)(Modal_1.Modal) `
   display: flex;
   flex-flow: column;
   top: 10rem;
-  @media ${bigScreen} {
+  @media ${styles_1.bigScreen} {
     width: 50vw;
     max-width: 60rem;
   }
-  @media ${smallScreen} {
+  @media ${styles_1.smallScreen} {
     width: 100%;
     max-width: 95vw;
   }
 `;
-export const SearchModal = (p) => (React.createElement(ModalStyled, { position: "center", topPosition: "center", open: true, setOpen: () => p.onSelectItem(undefined), showCloseButton: false, closeOnClickOutside: true },
-    React.createElement(SearchBase, { ...p })));
+const SearchModal = (p) => (react_1.default.createElement(ModalStyled, { position: "center", topPosition: "center", open: true, setOpen: () => p.onSelectItem(undefined), showCloseButton: false, closeOnClickOutside: true },
+    react_1.default.createElement(Base_1.SearchBase, Object.assign({}, p))));
+exports.SearchModal = SearchModal;

package/dist/ui/components/Search/SearchBox.js

@@ -1,11 +1,40 @@
-import styled from '@emotion/styled';
-import React, { createRef, forwardRef, useEffect, useImperativeHandle, } from 'react';
-import { debounce } from '../../helpers/debounce';
-import { filterDataProps } from '../../helpers/dom';
-import { CrossIcon, Magnify } from '../../icons';
-import { bigScreen, smallScreen } from '../../styles';
-import { TextEdit } from '../TextEdit';
-const Base = styled.div `
+"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.SearchBox = void 0;
+const styled_1 = __importDefault(require("@emotion/styled"));
+const react_1 = __importStar(require("react"));
+const debounce_1 = require("../../helpers/debounce");
+const dom_1 = require("../../helpers/dom");
+const icons_1 = require("../../icons");
+const styles_1 = require("../../styles");
+const TextEdit_1 = require("../TextEdit");
+const Base = styled_1.default.div `
   padding: 1rem;
   display: flex;
   flex-flow: row;
@@ -15,49 +44,52 @@ const Base = styled.div `
   margin: auto;
   position: relative;
 
-  @media ${smallScreen} {
+  @media ${styles_1.smallScreen} {
     margin: 0;
     padding: 0;
     padding-top: 0.5rem;
     width: 100%;
   }
 `;
-const MagnifyIcon = styled.div `
+const MagnifyIcon = styled_1.default.div `
   width: 1.5rem;
   height: 1.5rem;
   margin-right: 0.5rem;
   cursor: pointer;
 `;
-const CrossIconStyled = styled(CrossIcon) `
+const CrossIconStyled = (0, styled_1.default)(icons_1.CrossIcon) `
   position: absolute;
   right: 1rem;
-  @media ${bigScreen} {
+  @media ${styles_1.bigScreen} {
     right: 2rem;
   }
 `;
-export const SearchBox = forwardRef((p, ref) => {
-    const textEditRef = createRef();
-    useImperativeHandle(ref, () => ({
+exports.SearchBox = (0, react_1.forwardRef)((p, ref) => {
+    const textEditRef = (0, react_1.createRef)();
+    (0, react_1.useImperativeHandle)(ref, () => ({
         setValue: (v) => {
-            const value = textEditRef.current?.getValue();
+            var _a, _b;
+            const value = (_a = textEditRef.current) === null || _a === void 0 ? void 0 : _a.getValue();
             if (v === value) {
                 return;
             }
-            textEditRef.current?.setValue(v);
+            (_b = textEditRef.current) === null || _b === void 0 ? void 0 : _b.setValue(v);
         },
-        focus: () => textEditRef.current?.focus(),
-        getValue: () => textEditRef.current?.getValue(),
+        focus: () => { var _a; return (_a = textEditRef.current) === null || _a === void 0 ? void 0 : _a.focus(); },
+        getValue: () => { var _a; return (_a = textEditRef.current) === null || _a === void 0 ? void 0 : _a.getValue(); },
     }));
-    useEffect(() => {
-        textEditRef?.current?.setValue(p.searchText);
+    (0, react_1.useEffect)(() => {
+        var _a;
+        (_a = textEditRef === null || textEditRef === void 0 ? void 0 : textEditRef.current) === null || _a === void 0 ? void 0 : _a.setValue(p.searchText);
     }, [p.searchText, textEditRef]);
-    return (React.createElement(Base, { "data-type": "search", className: p.className, ...filterDataProps(p) },
-        React.createElement(TextEdit, { ref: textEditRef, placeholder: p.placeholderText, defaultEditing: { focus: true }, singleLine: true, leftContent: React.createElement(MagnifyIcon, { onClick: () => p.setSearchText(textEditRef?.current?.getValue() || '', true) },
-                React.createElement(Magnify, null)), noGrow: true, allowUndo: false, onClickOutsideWithNoValue: null, onSubmit: (v, enterPressed) => debounce(() => {
+    return (react_1.default.createElement(Base, Object.assign({ "data-type": "search", className: p.className }, (0, dom_1.filterDataProps)(p)),
+        react_1.default.createElement(TextEdit_1.TextEdit, { ref: textEditRef, placeholder: p.placeholderText, defaultEditing: { focus: true }, singleLine: true, leftContent: react_1.default.createElement(MagnifyIcon, { onClick: () => { var _a; return p.setSearchText(((_a = textEditRef === null || textEditRef === void 0 ? void 0 : textEditRef.current) === null || _a === void 0 ? void 0 : _a.getValue()) || '', true); } },
+                react_1.default.createElement(icons_1.Magnify, null)), noGrow: true, allowUndo: false, onClickOutsideWithNoValue: null, onSubmit: (v, enterPressed) => (0, debounce_1.debounce)(() => {
                 p.setSearchText(v, enterPressed);
             }, { key: 'pagesearch', time: 200 }), defaultValue: p.defaultValue }),
-        p.searchText && (React.createElement(CrossIconStyled, { onClick: () => {
-                textEditRef.current?.setValue('');
+        p.searchText && (react_1.default.createElement(CrossIconStyled, { onClick: () => {
+                var _a;
+                (_a = textEditRef.current) === null || _a === void 0 ? void 0 : _a.setValue('');
                 p.setSearchText('', true);
             } }))));
 });

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

@@ -1,7 +1,23 @@
-export * from './AutoHideSearchBox';
-export * from './Base';
-export * from './Dialog';
-export * from './Inline';
-export * from './Modal';
-export * from './SearchBox';
-export * from './types';
+"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("./AutoHideSearchBox"), exports);
+__exportStar(require("./Base"), exports);
+__exportStar(require("./Dialog"), exports);
+__exportStar(require("./Inline"), exports);
+__exportStar(require("./Modal"), exports);
+__exportStar(require("./SearchBox"), exports);
+__exportStar(require("./types"), exports);

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

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

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

@@ -1,9 +1,15 @@
-import styled from '@emotion/styled';
-import React from 'react';
-import { useCookieBoolean } from '../../helpers/cookie/use';
-import { NoTextSelect } from '../../styles/common';
-import { Chevron } from '../Chevron';
-const Base = styled.div `
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Sidebar = void 0;
+const styled_1 = __importDefault(require("@emotion/styled"));
+const react_1 = __importDefault(require("react"));
+const use_1 = require("../../helpers/cookie/use");
+const common_1 = require("../../styles/common");
+const Chevron_1 = require("../Chevron");
+const Base = styled_1.default.div `
   position: relative;
   transition: all 200ms;
   border-right: solid 1px #ccc;
@@ -22,7 +28,7 @@ const Base = styled.div `
       border-right: solid 1px #999;
     }
   }
-  ${NoTextSelect};
+  ${common_1.NoTextSelect};
 
   &:hover {
     [data-content] {
@@ -30,7 +36,7 @@ const Base = styled.div `
     }
   }
 `;
-const ContentBlock = styled.div `
+const ContentBlock = styled_1.default.div `
   left: -18rem;
   transition: left 200ms;
   &[data-open='false'] {
@@ -40,7 +46,7 @@ const ContentBlock = styled.div `
     //width set in style
   }
 `;
-const Content = styled.div `
+const Content = styled_1.default.div `
   display: flex;
   flex-flow: column;
   width: 100%;
@@ -54,7 +60,7 @@ const Content = styled.div `
     border-radius: 1rem;
   }
 `;
-const Hamburger = styled.div `
+const Hamburger = styled_1.default.div `
   position: absolute;
   transition: all 200ms;
   &[data-open='false'] {
@@ -78,22 +84,23 @@ const Hamburger = styled.div `
   border: solid 1px rgba(0, 0, 0, 0.5);
   cursor: pointer;
 `;
-const ChevronStyled = styled(Chevron) `
+const ChevronStyled = (0, styled_1.default)(Chevron_1.Chevron) `
   svg {
     fill: #555;
   }
 `;
-export const Sidebar = ({ children, className, key = 'sidebar', cookieDocument, width = '15rem', }) => {
-    const [open, setOpen] = useCookieBoolean({
+const Sidebar = ({ children, className, key = 'sidebar', cookieDocument, width = '15rem', }) => {
+    const [open, setOpen] = (0, use_1.useCookieBoolean)({
         name: key,
         defaultValue: false,
         cookieDocument: cookieDocument,
     });
-    return (React.createElement(Base, { className: className, "data-open": open, onClick: () => !open && setOpen(true), "data-hover": true, style: { width: !open ? '0.5rem' : width } },
-        React.createElement(Hamburger, { "data-open": open, onClick: () => setOpen(!open), "data-hover": true },
-            React.createElement(ChevronStyled, { point: open ? 'left' : 'right', width: "100%" })),
-        React.createElement(ContentBlock, { "data-content": true, "data-open": open, style: { width: !open ? width : undefined } },
-            React.createElement(Content, { "data-open": open, onClick: (e) => {
+    return (react_1.default.createElement(Base, { className: className, "data-open": open, onClick: () => !open && setOpen(true), "data-hover": true, style: { width: !open ? '0.5rem' : width } },
+        react_1.default.createElement(Hamburger, { "data-open": open, onClick: () => setOpen(!open), "data-hover": true },
+            react_1.default.createElement(ChevronStyled, { point: open ? 'left' : 'right', width: "100%" })),
+        react_1.default.createElement(ContentBlock, { "data-content": true, "data-open": open, style: { width: !open ? width : undefined } },
+            react_1.default.createElement(Content, { "data-open": open, onClick: (e) => {
                     e.stopPropagation();
                 } }, children))));
 };
+exports.Sidebar = Sidebar;

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

@@ -1,50 +1,60 @@
-import styled from '@emotion/styled';
-import React from 'react';
-import { rangePercentage } from '../../../common/helpers/math';
-const Base = styled.div `
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SparkLine = void 0;
+const styled_1 = __importDefault(require("@emotion/styled"));
+const react_1 = __importDefault(require("react"));
+const math_1 = require("../../../common/helpers/math");
+const Base = styled_1.default.div `
   width: calc(100% - 2px - 1rem);
   height: 100%;
   border: solid 1px #666;
   border-radius: 0.5rem;
   padding: 0.5rem;
 `;
-const Points = styled.div `
+const Points = styled_1.default.div `
   position: relative;
 
   width: 100%;
   height: 100%;
 `;
-const Point = styled.div `
+const Point = styled_1.default.div `
   position: absolute;
   border-width: 2px;
   border-style: solid;
   width: 1px;
 `;
-export const SparkLine = (p) => {
+const SparkLine = (p) => {
     const { data: raw, pointColour = '#4d76ff' } = p;
     const xMin = Math.min(...raw.map((d) => d.x));
     const xMax = Math.max(...raw.map((d) => d.x));
     const yMin = Math.min(...raw.map((d) => d.y));
     const yMax = Math.max(...raw.map((d) => d.y));
     const data = raw.map((orig) => ({
-        x: rangePercentage({
+        x: (0, math_1.rangePercentage)({
             value: orig.x,
             min: xMin,
             max: xMax,
         }) * 100,
-        y: rangePercentage({
+        y: (0, math_1.rangePercentage)({
             value: orig.y,
             min: yMin,
             max: yMax,
         }) * 100,
         orig,
     }));
-    return (React.createElement(Base, { className: p.className, title: p.title },
-        React.createElement(Points, null, data.map((pt) => (React.createElement(Point, { title: p.pointTitleF?.(pt.orig) ?? '', key: pt.x + ' ' + pt.y, style: {
-                backgroundColor: pointColour,
-                borderColor: pointColour,
-                left: pt.x + '%',
-                bottom: 0,
-                height: pt.y + '%',
-            } }))))));
+    return (react_1.default.createElement(Base, { className: p.className, title: p.title },
+        react_1.default.createElement(Points, null, data.map((pt) => {
+            var _a, _b;
+            return (react_1.default.createElement(Point, { title: (_b = (_a = p.pointTitleF) === null || _a === void 0 ? void 0 : _a.call(p, pt.orig)) !== null && _b !== void 0 ? _b : '', key: pt.x + ' ' + pt.y, style: {
+                    backgroundColor: pointColour,
+                    borderColor: pointColour,
+                    left: pt.x + '%',
+                    bottom: 0,
+                    height: pt.y + '%',
+                } }));
+        }))));
 };
+exports.SparkLine = SparkLine;

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

@@ -1,12 +1,18 @@
-import styled from '@emotion/styled';
-import React from 'react';
-import { groupByList } from '../../../common/helpers/groupBy';
-const Base = styled.div `
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Table = void 0;
+const styled_1 = __importDefault(require("@emotion/styled"));
+const react_1 = __importDefault(require("react"));
+const groupBy_1 = require("../../../common/helpers/groupBy");
+const Base = styled_1.default.div `
   display: flex;
   flex-flow: column;
   width: 100%;
 `;
-const TableRow = styled.div `
+const TableRow = styled_1.default.div `
   display: flex;
   border: solid 1px #ccc;
   &[data-header='true'] {
@@ -16,23 +22,24 @@ const TableRow = styled.div `
     border-top: 0;
   }
 `;
-const Group = styled.div `
+const Group = styled_1.default.div `
   display: flex;
   flex-flow: column;
   width: 100%;
 `;
-const GroupTitle = styled.div `
+const GroupTitle = styled_1.default.div `
   font-size: 1.5rem;
 `;
-const GroupWrap = styled.div `
+const GroupWrap = styled_1.default.div `
   display: flex;
   flex-flow: column;
 `;
-export const Table = ({ children, className, headerRow }) => {
-    const grouped = groupByList(children, (s) => s.groupTitle);
-    return (React.createElement(Base, { className: className }, grouped.map((group) => (React.createElement(GroupWrap, { key: 'gk' + group.key },
-        group.key && (React.createElement(GroupTitle, { key: `gt${group.key}` }, group.key)),
-        React.createElement(Group, { key: `g${group.key}` },
-            headerRow && (React.createElement(TableRow, { "data-header": "true", key: `headrow${group.key}` }, headerRow)),
-            group.items.map((item) => (React.createElement(TableRow, { key: item.content.key }, item.content)))))))));
+const Table = ({ children, className, headerRow }) => {
+    const grouped = (0, groupBy_1.groupByList)(children, (s) => s.groupTitle);
+    return (react_1.default.createElement(Base, { className: className }, grouped.map((group) => (react_1.default.createElement(GroupWrap, { key: 'gk' + group.key },
+        group.key && (react_1.default.createElement(GroupTitle, { key: `gt${group.key}` }, group.key)),
+        react_1.default.createElement(Group, { key: `g${group.key}` },
+            headerRow && (react_1.default.createElement(TableRow, { "data-header": "true", key: `headrow${group.key}` }, headerRow)),
+            group.items.map((item) => (react_1.default.createElement(TableRow, { key: item.content.key }, item.content)))))))));
 };
+exports.Table = Table;

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

@@ -1,30 +1,59 @@
-import styled from '@emotion/styled';
-import React, { useEffect, useRef, useState } from 'react';
-import { useOnClickOutside } from '../../helpers/useOnClickOutside';
-import { Save } from '../../icons/Save';
-import { Undo } from '../../icons/Undo';
-import { noDrag } from '../../styles/common';
-import { FlexRow } from '../FlexRow';
-import { IconD as Icon, iconLeft, iconRight, ValueBox, ValueInputCB, } from './common';
-const Icons = styled(FlexRow) `
+"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.CheckboxEdit = void 0;
+const styled_1 = __importDefault(require("@emotion/styled"));
+const react_1 = __importStar(require("react"));
+const useOnClickOutside_1 = require("../../helpers/useOnClickOutside");
+const Save_1 = require("../../icons/Save");
+const Undo_1 = require("../../icons/Undo");
+const common_1 = require("../../styles/common");
+const FlexRow_1 = require("../FlexRow");
+const common_2 = require("./common");
+const Icons = (0, styled_1.default)(FlexRow_1.FlexRow) `
   position: absolute;
   top: 0;
   right: -2rem;
 `;
-export const CheckboxEdit = ({ defaultValue, onSubmit, noGrow = false, allowUndo = true, }) => {
-    const ref = useRef(null);
-    const [value, setValue] = useState(defaultValue);
-    useEffect(() => {
+const CheckboxEdit = ({ defaultValue, onSubmit, noGrow = false, allowUndo = true, }) => {
+    const ref = (0, react_1.useRef)(null);
+    const [value, setValue] = (0, react_1.useState)(defaultValue);
+    (0, react_1.useEffect)(() => {
         setValue(defaultValue);
     }, [defaultValue]);
     const valueChange = value !== defaultValue;
-    useOnClickOutside({ ref, moveMouseOutside: false }, () => {
+    (0, useOnClickOutside_1.useOnClickOutside)({ ref, moveMouseOutside: false }, () => {
         if (valueChange) {
             onSubmit(value);
         }
     });
-    return (React.createElement(ValueBox, { ...noDrag, ref: ref, "data-nogrow": noGrow },
-        React.createElement(ValueInputCB, { type: "checkbox", "data-type": "checkbox", checked: value, onChange: () => {
+    return (react_1.default.createElement(common_2.ValueBox, Object.assign({}, common_1.noDrag, { ref: ref, "data-nogrow": noGrow }),
+        react_1.default.createElement(common_2.ValueInputCB, { type: "checkbox", "data-type": "checkbox", checked: value, onChange: () => {
                 if (allowUndo) {
                     setValue(!value);
                 }
@@ -32,9 +61,10 @@ export const CheckboxEdit = ({ defaultValue, onSubmit, noGrow = false, allowUndo
                     onSubmit(!value);
                 }
             }, onKeyDown: (e) => e.key === 'Enter' && value !== defaultValue && onSubmit(value) }),
-        allowUndo && value !== defaultValue && (React.createElement(Icons, { center: true, enableOverflow: true },
-            React.createElement(Icon, { style: iconLeft, onClick: () => value !== defaultValue && onSubmit(value) },
-                React.createElement(Save, null)),
-            React.createElement(Icon, { style: iconRight, onClick: () => setValue(defaultValue) },
-                React.createElement(Undo, null))))));
+        allowUndo && value !== defaultValue && (react_1.default.createElement(Icons, { center: true, enableOverflow: true },
+            react_1.default.createElement(common_2.IconD, { style: common_2.iconLeft, onClick: () => value !== defaultValue && onSubmit(value) },
+                react_1.default.createElement(Save_1.Save, null)),
+            react_1.default.createElement(common_2.IconD, { style: common_2.iconRight, onClick: () => setValue(defaultValue) },
+                react_1.default.createElement(Undo_1.Undo, null))))));
 };
+exports.CheckboxEdit = CheckboxEdit;

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

@@ -1,25 +1,52 @@
-import React, { useEffect, useRef, useState } from 'react';
-import { useOnClickOutside } from '../../helpers/useOnClickOutside';
-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 ColourEdit = ({ defaultValue, onSubmit, }) => {
-    const ref = useRef(null);
-    const [value, setValue] = useState(defaultValue);
-    useEffect(() => {
+"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.ColourEdit = void 0;
+const react_1 = __importStar(require("react"));
+const useOnClickOutside_1 = require("../../helpers/useOnClickOutside");
+const Save_1 = require("../../icons/Save");
+const Undo_1 = require("../../icons/Undo");
+const common_1 = require("../../styles/common");
+const common_2 = require("./common");
+const ColourEdit = ({ defaultValue, onSubmit, }) => {
+    const ref = (0, react_1.useRef)(null);
+    const [value, setValue] = (0, react_1.useState)(defaultValue);
+    (0, react_1.useEffect)(() => {
         setValue(defaultValue);
     }, [defaultValue]);
     const valueChange = value !== defaultValue;
-    useOnClickOutside({ ref, moveMouseOutside: false }, () => {
+    (0, useOnClickOutside_1.useOnClickOutside)({ ref, moveMouseOutside: false }, () => {
         if (valueChange) {
             onSubmit(value);
         }
     });
-    return (React.createElement(ValueBox, { ...noDrag, ref: ref },
-        React.createElement("input", { type: "color", size: 5, value: value, onChange: (v) => setValue(v.target.value) }),
-        value !== defaultValue && (React.createElement(Icon, { style: iconLeft, onClick: () => valueChange && onSubmit(value.trim()) },
-            React.createElement(Save, null))),
-        valueChange && (React.createElement(Icon, { style: iconRight, onClick: () => setValue(defaultValue) },
-            React.createElement(Undo, null)))));
+    return (react_1.default.createElement(common_2.ValueBox, Object.assign({}, common_1.noDrag, { ref: ref }),
+        react_1.default.createElement("input", { type: "color", size: 5, value: value, onChange: (v) => setValue(v.target.value) }),
+        value !== defaultValue && (react_1.default.createElement(common_2.IconD, { style: common_2.iconLeft, onClick: () => valueChange && onSubmit(value.trim()) },
+            react_1.default.createElement(Save_1.Save, null))),
+        valueChange && (react_1.default.createElement(common_2.IconD, { style: common_2.iconRight, onClick: () => setValue(defaultValue) },
+            react_1.default.createElement(Undo_1.Undo, null)))));
 };
+exports.ColourEdit = ColourEdit;

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

@@ -1,11 +1,17 @@
-import styled from '@emotion/styled';
-import React from 'react';
-const Base = styled.div `
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextEditLengthBox = void 0;
+const styled_1 = __importDefault(require("@emotion/styled"));
+const react_1 = __importDefault(require("react"));
+const Base = styled_1.default.div `
   /* position: absolute;
   bottom: 0.5rem;
   right: 0.5rem; */
 `;
-export const TextEditLengthBox = ({ min, max, }) => {
+const TextEditLengthBox = ({ min, max, }) => {
     let color = 'black';
     if (min / max > 0.55) {
         color = 'indianred';
@@ -13,8 +19,9 @@ export const TextEditLengthBox = ({ min, max, }) => {
     if (min === max) {
         color = 'red';
     }
-    return (React.createElement(Base, { style: { color } },
+    return (react_1.default.createElement(Base, { style: { color } },
         min,
         "/",
         max));
 };
+exports.TextEditLengthBox = TextEditLengthBox;