ag-common 0.0.797 → 0.0.799

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

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

@@ -1,61 +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.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 `
-  padding: 0.5rem;
-
-  display: flex;
-  position: relative;
-  align-items: center;
-  background-color: transparent;
-
-  justify-content: flex-start;
-  flex-grow: 1;
-  width: calc(100% - 1rem - 2px); //padding + border
-  border: solid 1px transparent;
-
-  &[data-pointer='true'] {
-    cursor: pointer;
-  }
-  &[data-nogrow='true'] {
-    flex-grow: 0;
-  }
-`;
-exports.valueCss = (0, react_1.css) `
-  width: 100%;
-  height: 100%;
-  padding: 0;
-  word-break: break-all;
-  font-size: inherit;
-  font-weight: inherit;
-  font-family: inherit;
-
-  &[data-type='checkbox'] {
-    cursor: pointer;
-    width: 1.5rem;
-    height: 1.5rem;
-  }
-`;
-exports.ValueInputCB = styled_1.default.input `
-  ${exports.valueCss};
-`;
-exports.IconD = styled_1.default.div `
-  z-index: 1;
-  font-size: 1rem;
-  width: 1.5rem;
-  height: 1.5rem;
-  position: absolute;
-  cursor: pointer;
-  svg {
-    fill: ${colours_1.colours.notificationBlue};
-  }
-`;
-exports.iconRight = { right: '0' };
-exports.iconLeft = { right: '1.5rem' };

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

@@ -1,5 +0,0 @@
-export * from './CheckboxEdit';
-export * from './ColourEdit';
-export * from './ListboxEdit';
-export * from './TextEdit';
-export type * from './types';

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

@@ -1,20 +0,0 @@
-"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("./TextEdit"), exports);

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

@@ -1,65 +0,0 @@
-import type React from 'react';
-import type { JSX } from 'react';
-export interface IRefTextEdit {
-    /** Set the internal value of the typed string. Can be used to clear externally */
-    setValue: React.Dispatch<React.SetStateAction<string>>;
-    getValue: () => string | undefined;
-    focus: () => void;
-}
-export interface ITextEdit {
-    /**
-     * forces single row input style. will also enable 'Enter' to auto submit
-     */
-    singleLine?: boolean;
-    className?: string;
-    /**
-     * default value of field. default empty
-     */
-    defaultValue?: string;
-    /**
-     * if truthy will enable text edit mode by default. if focus is true, will also focus on open
-     */
-    defaultEditing?: {
-        focus?: boolean;
-    };
-    onSubmit: (val: string, 
-    /**
-     * if true, was passed by pressing Enter
-     */
-    enterPressed: boolean) => void;
-    /**
-     * disable edit text functionality
-     */
-    disableEdit?: boolean;
-    placeholder?: string;
-    /**
-     * when the user edits or unselects edit
-     */
-    onEditingChange?: (editing: boolean) => void;
-    /**
-     * if null will disable click outside
-     */
-    onClickOutsideWithNoValue?: (() => void) | null;
-    onClickNotEditing?: () => void;
-    /**
-     * if true, will not grow. default false
-     */
-    noGrow?: boolean;
-    /**
-     * will set these attributes directly on element. can put data-* here
-     */
-    attributes?: Record<string, string | number | boolean>;
-    /**
-     * optional content at the left of the box
-     */
-    leftContent?: JSX.Element;
-    /**
-     * if true, will add undo button after changes. if false, will submit after every keypress. default true
-     */
-    allowUndo?: boolean;
-    maxLength?: number;
-    /**
-     * if provided and return false, will cancel keydown
-     */
-    onKeyDown?: (e: React.KeyboardEvent<HTMLTextAreaElement>) => boolean;
-}

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

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

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

@@ -1,10 +0,0 @@
-import React from 'react';
-export interface ITextWithButton {
-    /** default "Submit" */
-    submitText?: string;
-    placeholder?: string;
-    /** if provided will validate and block submission accordingly */
-    validateF?: (s: string) => boolean;
-    onSubmit: (s: string) => void;
-}
-export declare const TextWithButton: ({ submitText, placeholder, validateF, onSubmit, }: ITextWithButton) => React.JSX.Element;

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

@@ -1,89 +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.TextWithButton = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-const react_1 = __importStar(require("react"));
-const Base = styled_1.default.div `
-  display: flex;
-  flex-flow: row;
-  max-height: 100%;
-`;
-const Input = styled_1.default.input `
-  flex-grow: 1;
-  border: solid 3px #ccc;
-  border-right: 0;
-  padding-left: 0.5rem;
-  border-radius: 0.5rem 0 0 0.5rem;
-  overflow: hidden;
-  font-size: 1.2rem;
-  &[data-valid='false'] {
-    border-color: indianred;
-  }
-  outline: 0;
-`;
-const Button = styled_1.default.button `
-  padding: 2rem;
-  padding-top: 1rem;
-  padding-bottom: 1rem;
-  border: 0;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  background-color: rgb(136 119 227);
-  color: white;
-  font-weight: bold;
-  border-radius: 0 0.5rem 0.5rem 0;
-  overflow: hidden;
-  user-select: none;
-  cursor: pointer;
-  &[data-valid='false'] {
-    cursor: not-allowed;
-    border-color: indianred;
-    background-color: #ccc;
-  }
-`;
-const TextWithButton = ({ submitText = 'Submit', placeholder, validateF, onSubmit, }) => {
-    const [value, setValue] = (0, react_1.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)));
-};
-exports.TextWithButton = TextWithButton;

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

@@ -1,22 +0,0 @@
-import React from 'react';
-export type ITimelineItem = {
-    key: string;
-    title?: string;
-} & ({
-    checked: true;
-} | {
-    checked: false;
-    disabled?: boolean;
-});
-export interface ITimeline {
-    /** default min(5vw,3rem) */
-    maxCircleSize?: string;
-    /** default #ccc */
-    lineColour?: string;
-    items: ITimelineItem[];
-    onClick?: (p: ITimelineItem) => void;
-    className?: string;
-    /** if true, will show titles under timeline. default true */
-    showTitles?: boolean;
-}
-export declare const Timeline: ({ lineColour, items, onClick, maxCircleSize, className, showTitles, }: ITimeline) => React.JSX.Element;

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

@@ -1,72 +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.Timeline = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-const react_1 = __importDefault(require("react"));
-const array_1 = require("../../../common/helpers/array");
-const icons_1 = require("../../icons");
-const Circle_1 = require("../../icons/Circle");
-const Icon_1 = require("../Icon");
-const Base = styled_1.default.div `
-  width: 100%;
-  overflow: hidden;
-  background-color: inherit;
-`;
-const Row = styled_1.default.div `
-  display: flex;
-  flex-flow: row;
-  align-items: center;
-  justify-content: space-between;
-  align-items: flex-start;
-  position: relative;
-  width: 100%;
-  height: 100%;
-  background-color: inherit;
-  z-index: 0;
-`;
-const Line = styled_1.default.div `
-  position: absolute;
-  top: 45%;
-  height: 10%;
-  left: 1px;
-  right: 1px;
-  z-index: -1;
-`;
-const Item = styled_1.default.div `
-  background-color: inherit;
-  width: fit-content;
-  height: 100%;
-  display: flex;
-  flex-flow: column;
-`;
-const Title = styled_1.default.span `
-  text-align: center;
-`;
-const Timeline = ({ lineColour = '#ccc', items, onClick, maxCircleSize = 'min(5vw,3rem)', className, showTitles = true, }) => {
-    const firstFalse = items.findIndex((i) => !i.checked && !i.disabled);
-    const lastTrue = (0, array_1.findLastIndex)(items, (i) => i.checked);
-    return (react_1.default.createElement(Base, { className: className },
-        react_1.default.createElement(Row, null,
-            react_1.default.createElement(Line, { style: { backgroundColor: lineColour } }),
-            items.map((p, index) => {
-                const enabled = index === lastTrue || index === firstFalse;
-                let cursor = enabled ? 'pointer' : 'default';
-                if (p.checked) {
-                    cursor = '';
-                }
-                return (react_1.default.createElement(Item, { key: p.key, title: p.title },
-                    react_1.default.createElement(Icon_1.Icon, { style: {
-                            maxWidth: maxCircleSize,
-                            cursor,
-                        }, onClick: () => enabled && (onClick === null || onClick === void 0 ? void 0 : onClick(p)) }, p.checked ? (react_1.default.createElement(icons_1.Checkmark, { style: { fill: '#60b515', backgroundColor: 'inherit' } })) : index !== firstFalse ? (react_1.default.createElement(Circle_1.Circle, { style: { fill: '#007cbb', backgroundColor: 'inherit' }, dotted: p.disabled })) : (react_1.default.createElement(icons_1.CircleDot, { style: { fill: '#007cbb', backgroundColor: 'inherit' } })))));
-            })),
-        showTitles && items.find((i) => i.title) && (react_1.default.createElement(Row, { style: { marginTop: '1rem' } }, items.map(({ title, key }) => (react_1.default.createElement(Title, { key: key, style: {
-                width: `${100 / items.length}%`,
-                maxWidth: maxCircleSize,
-            } }, title || '')))))));
-};
-exports.Timeline = Timeline;

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

@@ -1,21 +0,0 @@
-import type { FC } from 'react';
-export interface ITimelineChartSeries {
-    data: {
-        x: number;
-        y: number;
-    }[];
-    /** shown on page */
-    label?: string;
-    key: string;
-    color: string;
-    /** optional onclick href */
-    onClick?: () => void;
-    /** hover text */
-    title?: string;
-}
-export interface ITimelineChart {
-    series: ITimelineChartSeries[];
-    strokeWidth?: number;
-    className?: string;
-}
-export declare const TimelineChart: FC<ITimelineChart>;