ag-common 0.0.797 → 0.0.799

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

@@ -1,194 +0,0 @@
-"use strict";
-'use client';
-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 () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __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.Sidebar = void 0;
-const react_1 = require("@emotion/react");
-const styled_1 = __importDefault(require("@emotion/styled"));
-const react_2 = __importStar(require("react"));
-const helpers_1 = require("../../helpers");
-const Hamburger_1 = require("../../icons/Hamburger");
-const common_1 = require("../../styles/common");
-const media_1 = require("../../styles/media");
-const Chevron_1 = require("../Chevron");
-const closedSidebarHover = (0, react_1.css) `
-  padding-left: 0.5rem;
-  width: 0.5rem;
-  background-color: rgba(0, 0, 0, 0.1);
-  cursor: pointer;
-  &:hover,
-  &:hover [data-hover='true'] {
-    background-color: #ccc;
-  }
-  &:hover {
-    border-right: solid 1px #999;
-  }
-`;
-const Base = styled_1.default.div `
-  position: sticky;
-  top: 0;
-  transition: all 200ms;
-  border-right: solid 1px #ccc;
-  height: 100vh;
-  z-index: 1;
-
-  ${common_1.NoTextSelect};
-  &:hover {
-    [data-type='content-block'] {
-      left: 1rem;
-    }
-  }
-
-  &[data-open='true'] {
-    width: fit-content;
-
-    @media ${media_1.smallScreen} {
-      max-width: unset;
-      position: fixed;
-      top: 0;
-      left: 0;
-    }
-  }
-  &[data-open='false'] {
-    ${closedSidebarHover};
-  }
-
-  :not([data-open]) {
-    @media ${media_1.smallScreen} {
-      ${closedSidebarHover};
-    }
-    @media ${media_1.bigScreen} {
-      width: fit-content;
-    }
-  }
-`;
-const closedContentBlockOffScreen = (0, react_1.css) `
-  left: -100vw;
-  transition: left 200ms;
-  height: 100%;
-`;
-const ContentBlock = styled_1.default.div `
-  ${closedContentBlockOffScreen};
-  &[data-open='false'] {
-    position: absolute;
-    top: 0;
-    z-index: 1;
-    width: fit-content;
-  }
-
-  :not([data-open]) {
-    @media ${media_1.smallScreen} {
-      position: absolute;
-      ${closedContentBlockOffScreen};
-    }
-  }
-`;
-const Content = styled_1.default.div `
-  display: flex;
-  flex-flow: column;
-  width: 100%;
-  height: 100%;
-
-  &[data-open='false'] {
-    filter: drop-shadow(1px 1px 0.5rem #555);
-    border-radius: 1rem;
-    background-color: rgba(255, 255, 255, 0.1);
-  }
-`;
-const HamburgerB = styled_1.default.div `
-  position: absolute;
-  transition: all 200ms;
-  z-index: 2;
-
-  &[data-hide-on-big='true'] {
-    @media ${media_1.bigScreen} {
-      display: none;
-    }
-  }
-
-  &[data-open='false'] {
-    top: 0.5rem;
-    left: 0.25rem;
-  }
-
-  :not([data-open]) {
-    @media ${media_1.bigScreen} {
-      top: 0.5rem;
-      right: -0.75rem;
-    }
-  }
-  &[data-open='true'] {
-    top: 0.5rem;
-    right: -0.75rem;
-  }
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 1.5rem;
-  height: 1.5rem;
-  background-color: rgba(255, 255, 255, 0.9);
-  padding: 0.25rem;
-  &:hover {
-    background-color: rgba(255, 255, 255, 0.7);
-  }
-  border-radius: 50%;
-  border: solid 1px rgba(0, 0, 0, 0.5);
-  cursor: pointer;
-`;
-const ChevronStyled = (0, styled_1.default)(Chevron_1.Chevron) `
-  svg {
-    fill: #555;
-  }
-`;
-const Sidebar = ({ children, className, mode = 'defaultClosed', }) => {
-    const ref = (0, react_2.useRef)(null);
-    const [open, setOpen] = (0, react_2.useState)(mode === 'defaultClosed' ? false : null);
-    (0, helpers_1.useOnClickOutside)({ ref, disabled: () => !open || window.innerWidth > media_1.smallScreenPx }, () => {
-        setOpen(false);
-    });
-    return (react_2.default.createElement(Base, { "data-type": "sidebar", className: className, "data-open": open, onClick: () => !open && setOpen(true), "data-hover": true, ref: ref },
-        react_2.default.createElement(HamburgerB, { "data-hide-on-big": mode === 'fixedOpen', "data-open": open, onClick: (e) => {
-                e.stopPropagation();
-                setOpen(!open);
-            }, "data-hover": true }, open ? react_2.default.createElement(ChevronStyled, { point: "left", width: "100%" }) : react_2.default.createElement(Hamburger_1.Hamburger, null)),
-        react_2.default.createElement(ContentBlock, { "data-type": "content-block", "data-open": open },
-            react_2.default.createElement(Content, { "data-type": "content", "data-open": open, onClick: (e) => {
-                    e.stopPropagation();
-                } }, children))));
-};
-exports.Sidebar = Sidebar;

package/dist/ui/components/SparkLine/index.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-export interface ISparkLine {
-    /**
-     * default #4d76ff
-     */
-    pointColour?: string;
-    className?: string;
-    data: TSparkLineData[];
-    pointTitleF?: (p: TSparkLineData) => string;
-    title?: string;
-}
-export type TSparkLineData = {
-    x: number;
-    y: number;
-};
-export declare const SparkLine: (p: ISparkLine) => React.JSX.Element;

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

@@ -1,64 +0,0 @@
-"use strict";
-'use client';
-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 array_1 = require("../../../common/helpers/array");
-const math_1 = require("../../../common/helpers/math");
-const barWidth = 2;
-const Base = styled_1.default.div `
-  width: calc(100% - 1px);
-  height: calc(100% - 1px);
-  border: solid 1px #666;
-  padding: 0;
-  display: flex;
-  justify-content: center;
-  align-items: flex-end;
-  overflow: hidden;
-`;
-const Points = styled_1.default.div `
-  position: relative;
-  width: calc(100% - ${barWidth}px);
-  height: calc(100% - ${barWidth}px);
-  margin-left: ${barWidth}px;
-`;
-const Point = styled_1.default.div `
-  position: absolute;
-  width: ${barWidth}px;
-`;
-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 = (0, array_1.distinctBy)(raw.map((orig) => ({
-        x: (0, math_1.rangePercentage)({
-            value: orig.x,
-            min: xMin,
-            max: xMax,
-        }) * 100,
-        y: (0, math_1.rangePercentage)({
-            value: orig.y,
-            min: yMin,
-            max: yMax,
-        }) * 100,
-        orig,
-    })), (s) => s.x);
-    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: `calc(${pt.x}% - ${barWidth}px)`,
-                    bottom: 0,
-                    height: `calc(${pt.y}% + ${barWidth}px)`,
-                } }));
-        }))));
-};
-exports.SparkLine = SparkLine;

package/dist/ui/components/TabBar/index.d.ts

@@ -1,27 +0,0 @@
-import type { CSSProperties } from 'react';
-import type { JSX } from 'react';
-export interface ITabBar {
-    onChangeIndex: (i: number) => void;
-    className?: string;
-    cookieDocument: string;
-    style?: CSSProperties;
-    items: {
-        text: string;
-        icon: (p: {
-            style: {
-                fill?: string;
-            };
-        }) => JSX.Element;
-    }[];
-    theme?: {
-        /** default black */
-        front?: string;
-        /** default blue */
-        frontSelected?: string;
-        /** default #eee */
-        back?: string;
-    };
-    /** default 0 */
-    defaultSelectedIndex?: number;
-}
-export declare const TabBar: (p: ITabBar) => JSX.Element;

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

@@ -1,100 +0,0 @@
-"use strict";
-'use client';
-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 () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __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.TabBar = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-const react_1 = __importStar(require("react"));
-const Icon_1 = require("../Icon");
-const Base = styled_1.default.div `
-  display: flex;
-  flex-flow: row;
-  &[data-mode='vert'] {
-    flex-flow: column;
-  }
-  overflow: hidden;
-  justify-content: space-around;
-  width: 100%;
-  margin: auto;
-`;
-const Item = styled_1.default.div `
-  display: flex;
-  flex-flow: column;
-  align-items: center;
-  border-radius: 2rem;
-  justify-content: center;
-  height: calc(100% - 1rem);
-  padding-left: 1rem;
-  padding-right: 1rem;
-  width: 10rem;
-  &[data-selected='false'] {
-    opacity: 0.8;
-    cursor: pointer;
-  }
-`;
-const IconStyled = (0, styled_1.default)(Icon_1.Icon) `
-  height: 1.5rem;
-  max-height: 80%;
-  max-width: fit-content;
-`;
-const Text = styled_1.default.div `
-  max-height: 50%;
-  overflow: hidden;
-`;
-const TabBar = (p) => {
-    var _a;
-    const { defaultSelectedIndex = 0, theme: { back = '#eee', frontSelected = '#4d76ff', front = 'black' }, } = Object.assign(Object.assign({}, p), { theme: (_a = p.theme) !== null && _a !== void 0 ? _a : {} });
-    const [index, setIndex] = (0, react_1.useState)(defaultSelectedIndex);
-    return (react_1.default.createElement(Base, { className: p.className, style: p.style }, p.items.map((v, i) => {
-        const selected = index === i;
-        return (react_1.default.createElement(Item, { style: Object.assign(Object.assign({ backgroundColor: back, color: front }, (selected && { color: frontSelected })), { maxWidth: `${100 / p.items.length}%` }), "data-selected": selected, 
-            // eslint-disable-next-line react/no-array-index-key
-            key: i.toString(), onClick: () => {
-                if (index === i) {
-                    return;
-                }
-                setIndex(i);
-                p.onChangeIndex(i);
-            } },
-            react_1.default.createElement(IconStyled, { style: { width: '50%' } }, v.icon({
-                style: Object.assign({}, (selected && { fill: frontSelected })),
-            })),
-            react_1.default.createElement(Text, { "data-type": "text" }, v.text)));
-    })));
-};
-exports.TabBar = TabBar;

package/dist/ui/components/Table/index.d.ts

@@ -1,11 +0,0 @@
-import type { JSX } from 'react';
-export interface ITableItem {
-    content: JSX.Element;
-    groupTitle?: string;
-}
-export interface ITable {
-    children: ITableItem[];
-    className?: string;
-    headerRow?: JSX.Element;
-}
-export declare const Table: ({ children, className, headerRow }: ITable) => JSX.Element;

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

@@ -1,49 +0,0 @@
-"use strict";
-'use client';
-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%;
-  max-height: 100%;
-  overflow-y: auto;
-`;
-const TableRow = styled_1.default.div `
-  display: flex;
-  border: solid 1px #ccc;
-  &[data-header='true'] {
-    border-bottom: solid 1px #888;
-  }
-  &:not(:first-of-type) {
-    border-top: 0;
-  }
-`;
-const Group = styled_1.default.div `
-  display: flex;
-  flex-flow: column;
-  width: 100%;
-`;
-const GroupTitle = styled_1.default.div `
-  font-size: 1.5rem;
-`;
-const GroupWrap = styled_1.default.div `
-  display: flex;
-  flex-flow: column;
-  width: 100%;
-`;
-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.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-export interface ICheckboxEdit {
-    className?: string;
-    defaultValue: boolean;
-    onSubmit: (val: boolean) => void;
-    noGrow?: boolean;
-    /**
-     * if true, will add undo button after changes. if false, will submit after every keypress. default false
-     */
-    allowUndo?: boolean;
-    /** display to right of CB */
-    rightSpan?: React.ReactNode;
-}
-export declare const CheckboxEdit: ({ defaultValue, onSubmit, noGrow, allowUndo, rightSpan, className, }: ICheckboxEdit) => React.JSX.Element;

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

@@ -1,104 +0,0 @@
-"use strict";
-'use client';
-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 () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __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;
-`;
-const CheckboxEdit = ({ defaultValue, onSubmit, noGrow = false, allowUndo = false, rightSpan, className, }) => {
-    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;
-    (0, useOnClickOutside_1.useOnClickOutside)({ ref, moveMouseOutside: false }, () => {
-        if (valueChange) {
-            onSubmit(value);
-        }
-    });
-    return (react_1.default.createElement(common_2.ValueBox, Object.assign({}, common_1.noDrag, { className: className, style: { cursor: 'pointer', width: 'fit-content', flexGrow: 0 }, ref: ref, "data-nogrow": noGrow, onClick: (e) => {
-            if (allowUndo) {
-                setValue(!value);
-            }
-            else {
-                onSubmit(!value);
-            }
-            e.stopPropagation();
-        } }),
-        react_1.default.createElement(common_2.ValueInputCB, { type: "checkbox", "data-type": "checkbox", checked: value, onKeyDown: (e) => {
-                if (e.key === 'Enter' && value !== defaultValue) {
-                    onSubmit(value);
-                }
-                e.stopPropagation();
-            }, onChange: (e) => {
-                if (allowUndo) {
-                    setValue(!value);
-                }
-                else {
-                    onSubmit(!value);
-                }
-                e.stopPropagation();
-            } }),
-        allowUndo && value !== defaultValue && (react_1.default.createElement(Icons, { center: true },
-            react_1.default.createElement(common_2.IconD, { style: common_2.iconLeft, onClick: (e) => {
-                    if (value !== defaultValue) {
-                        onSubmit(value);
-                    }
-                    e.stopPropagation();
-                } },
-                react_1.default.createElement(Save_1.Save, null)),
-            react_1.default.createElement(common_2.IconD, { style: Object.assign(Object.assign({}, common_2.iconRight), { fill: '#134563' }), onClick: (e) => {
-                    setValue(defaultValue);
-                    e.stopPropagation();
-                } },
-                react_1.default.createElement(Undo_1.Undo, null)))),
-        !rightSpan ? '' : rightSpan));
-};
-exports.CheckboxEdit = CheckboxEdit;

package/dist/ui/components/TextEdit/ColourEdit.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-export declare const ColourEdit: ({ defaultValue, onSubmit, }: {
-    defaultValue: string;
-    onSubmit: (val: string) => void;
-}) => React.JSX.Element;

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

@@ -1,63 +0,0 @@
-"use strict";
-'use client';
-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 () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __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;
-    (0, useOnClickOutside_1.useOnClickOutside)({ ref, moveMouseOutside: false }, () => {
-        if (valueChange) {
-            onSubmit(value);
-        }
-    });
-    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: Object.assign(Object.assign({}, common_2.iconRight), { fill: '#134563' }), onClick: () => setValue(defaultValue) },
-            react_1.default.createElement(Undo_1.Undo, null)))));
-};
-exports.ColourEdit = ColourEdit;

package/dist/ui/components/TextEdit/LengthBox.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-export declare const TextEditLengthBox: ({ min, max, }: {
-    min: number;
-    max: number;
-}) => React.JSX.Element;