ag-common 0.0.798 → 0.0.800

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;

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

@@ -1,28 +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.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; */
-`;
-const TextEditLengthBox = ({ min, max, }) => {
-    let color = 'black';
-    if (min / max > 0.55) {
-        color = 'indianred';
-    }
-    if (min === max) {
-        color = 'red';
-    }
-    return (react_1.default.createElement(Base, { style: { color } },
-        min,
-        "/",
-        max));
-};
-exports.TextEditLengthBox = TextEditLengthBox;

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

@@ -1,14 +0,0 @@
-import React from 'react';
-export declare const ListboxEdit: <T>({ defaultValue, onSubmit, values, canEdit, renderLabel, }: {
-    defaultValue: T;
-    onSubmit: (val: T) => void;
-    values: T[];
-    /**
-     * if true can revert or explicit save. default true
-     */
-    canEdit?: boolean;
-    /**
-     * can overload the render of the label. defaults to toString
-     */
-    renderLabel?: (a: T) => string;
-}) => React.JSX.Element;

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

@@ -1,61 +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.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, renderLabel = (e) => e.toString(), }) => {
-    const [value, setValue] = (0, react_1.useState)(defaultValue);
-    (0, react_1.useEffect)(() => {
-        setValue(defaultValue);
-    }, [defaultValue]);
-    return (react_1.default.createElement(common_2.ValueBox, Object.assign({}, common_1.noDrag),
-        react_1.default.createElement("select", { size: 5, value: value.toString(), onChange: (v) => {
-                const selected = values[v.target.selectedIndex];
-                if (!selected) {
-                    return;
-                }
-                return canEdit ? setValue(selected) : onSubmit(selected);
-            } }, values.map((v) => (react_1.default.createElement("option", { key: v.toString(), 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: Object.assign(Object.assign({}, common_2.iconRight), { fill: '#134563' }), onClick: () => setValue(defaultValue) },
-            react_1.default.createElement(Undo_1.Undo, null)))));
-};
-exports.ListboxEdit = ListboxEdit;

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

@@ -1,3 +0,0 @@
-import React from 'react';
-import type { IRefTextEdit, ITextEdit } from './types';
-export declare const TextEdit: React.ForwardRefExoticComponent<ITextEdit & React.RefAttributes<IRefTextEdit>>;

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

@@ -1,145 +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.TextEdit = void 0;
-const react_1 = __importStar(require("react"));
-const dom_1 = require("../../helpers/dom");
-const useOnClickOutside_1 = require("../../helpers/useOnClickOutside");
-const utils_1 = require("../../helpers/utils");
-const Pencil_1 = require("../../icons/Pencil");
-const Save_1 = require("../../icons/Save");
-const Undo_1 = require("../../icons/Undo");
-const button_1 = require("../shadcn/button");
-const card_1 = require("../shadcn/card");
-const input_1 = require("../shadcn/input");
-const textarea_1 = require("../shadcn/textarea");
-const LengthBox_1 = require("./LengthBox");
-// Removed styled components - now using Tailwind classes and shadcn components
-exports.TextEdit = react_1.default.forwardRef((p, ref) => {
-    var _a, _b;
-    const { defaultValue = '', defaultEditing, disableEdit = false, singleLine = false, noGrow = false, allowUndo = true, } = p;
-    const divRef = (0, react_1.useRef)(null);
-    const taref = (0, react_1.useRef)(null);
-    const [value, setValue] = (0, react_1.useState)(defaultValue);
-    const [editing, setEditingRaw] = (0, react_1.useState)(!!defaultEditing);
-    const valueChange = value !== defaultValue;
-    (0, react_1.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; },
-    }));
-    (0, useOnClickOutside_1.useOnClickOutside)({
-        disabled: p.onClickOutsideWithNoValue === null || disableEdit,
-        ref: divRef,
-        moveMouseOutside: false,
-    }, () => {
-        if (valueChange) {
-            p.onSubmit(value, false);
-            return;
-        }
-        if (!disableEdit && p.onClickOutsideWithNoValue) {
-            p.onClickOutsideWithNoValue();
-        }
-        if (!disableEdit && editing && defaultEditing) {
-            return;
-        }
-        if (editing) {
-            setEditingRaw(false);
-        }
-    });
-    const setEditing = (0, react_1.useCallback)((b) => {
-        setEditingRaw(b);
-        if (p.onEditingChange) {
-            p.onEditingChange(b);
-        }
-    }, [p]);
-    (0, react_1.useEffect)(() => {
-        if ((defaultEditing === null || defaultEditing === void 0 ? void 0 : defaultEditing.focus) && taref.current) {
-            taref.current.focus();
-        }
-    }, [defaultEditing === null || defaultEditing === void 0 ? void 0 : defaultEditing.focus]);
-    if (!editing || disableEdit) {
-        return (react_1.default.createElement(card_1.Card, Object.assign({ className: (0, utils_1.cn)('flex items-center relative bg-transparent justify-start flex-grow border-transparent p-2', p.onClickNotEditing && 'cursor-pointer', noGrow && 'flex-grow-0', 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)), (_a = p.leftContent) !== null && _a !== void 0 ? _a : null,
-            react_1.default.createElement("div", { className: "w-full h-full p-0 break-all text-inherit font-inherit flex-[1_1_calc(100%-3rem)]" }, value || react_1.default.createElement("span", { className: "text-gray-400" }, p.placeholder)),
-            react_1.default.createElement("div", { className: "flex flex-row items-center" }, !disableEdit && (react_1.default.createElement(button_1.Button, { variant: "ghost", size: "icon", className: "w-6 h-6 hover:brightness-150", onClick: (e) => {
-                    e.stopPropagation();
-                    setEditing(true);
-                } },
-                react_1.default.createElement(Pencil_1.Pencil, null))))));
-    }
-    const InputComponent = !singleLine ? textarea_1.Textarea : input_1.Input;
-    return (react_1.default.createElement(card_1.Card, Object.assign({ className: (0, utils_1.cn)('flex items-center relative bg-transparent justify-start flex-grow border-gray-300 p-2', noGrow && 'flex-grow-0', p.className), "data-editing": "true", tabIndex: -1, "data-nogrow": noGrow }, (0, dom_1.filterDataProps)(p)), (_b = p.leftContent) !== null && _b !== void 0 ? _b : null,
-        react_1.default.createElement("div", { className: "flex-1 flex items-center gap-2" },
-            react_1.default.createElement(InputComponent
-            // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-            , { 
-                // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-                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);
-                    if (!allowUndo) {
-                        p.onSubmit(v.currentTarget.value, false);
-                    }
-                }, placeholder: p.placeholder, rows: singleLine ? 1 : undefined, maxLength: p.maxLength, className: (0, utils_1.cn)('flex-1 p-0 break-all font-inherit resize-none overflow-hidden bg-white text-black border border-black rounded', !singleLine && 'min-h-[5rem]'), onKeyDown: (e) => {
-                    var _a;
-                    if (((_a = p.onKeyDown) === null || _a === void 0 ? void 0 : _a.call(p, e)) ===
-                        false) {
-                        e.preventDefault();
-                        return;
-                    }
-                    if (singleLine && e.code.endsWith('Enter')) {
-                        p.onSubmit(value, true);
-                    }
-                } }),
-            react_1.default.createElement("div", { className: "flex items-center gap-1" },
-                p.maxLength && (react_1.default.createElement("div", { className: "text-sm text-black" },
-                    react_1.default.createElement(LengthBox_1.TextEditLengthBox, { min: value.length, max: p.maxLength }))),
-                allowUndo && (react_1.default.createElement(react_1.default.Fragment, null,
-                    valueChange && (react_1.default.createElement(button_1.Button, { variant: "ghost", size: "icon", className: "w-6 h-6 hover:brightness-150 p-0", onClick: () => p.onSubmit(value, false) },
-                        react_1.default.createElement(Save_1.Save, null))),
-                    (valueChange || editing !== !!defaultEditing) && (react_1.default.createElement(button_1.Button, { variant: "ghost", size: "icon", className: "w-6 h-6 hover:brightness-150 text-[#134563] p-0", onClick: () => {
-                            setEditing(!!defaultEditing);
-                            setValue(defaultValue);
-                        } },
-                        react_1.default.createElement(Undo_1.Undo, null)))))))));
-});
-exports.TextEdit.displayName = 'TextEdit';

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

@@ -1,19 +0,0 @@
-export declare const ValueBox: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const valueCss: import("@emotion/react").SerializedStyles;
-export declare const ValueInputCB: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
-export declare const IconD: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const iconRight: {
-    right: string;
-};
-export declare const iconLeft: {
-    right: string;
-};