ag-common 0.0.798 → 0.0.800

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

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

@@ -1,63 +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.TimelineChart = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-const react_1 = __importDefault(require("react"));
-const Base = styled_1.default.div `
-  display: flex;
-  flex-flow: column;
-  justify-content: center;
-  align-items: center;
-  width: 100%;
-  height: 100%;
-  svg {
-    overflow: initial;
-  }
-`;
-const TimelineChart = ({ series, strokeWidth = 3, className, }) => {
-    if (series.length === 0) {
-        return react_1.default.createElement(Base, null);
-    }
-    const width = 600;
-    const height = 200;
-    const xValues = series.flatMap((s) => s.data.map((d) => d.x));
-    const yValues = series.flatMap((s) => s.data.map((d) => d.y));
-    const xMin = Math.min(...xValues);
-    const xMax = Math.max(...xValues);
-    const yMin = Math.min(...yValues);
-    const yMax = Math.max(...yValues);
-    const xScale = (x) => Math.ceil(width * ((x - xMin) / (xMax - xMin)));
-    const yScale = (y) => {
-        let ret = Math.ceil(height * ((yMax - y) / (yMax - yMin)));
-        if (isNaN(ret)) {
-            ret = y;
-        }
-        return ret;
-    };
-    const getPathData = ({ data }) => {
-        const pd1 = data
-            .sort((a, b) => (a.x < b.x ? -1 : 1))
-            .map(({ x, y }) => {
-            const xScaled = xScale(x);
-            const yScaled = yScale(y);
-            return { xScaled, yScaled };
-        });
-        const pathData = pd1.map(({ xScaled, yScaled }, i) => i === 0 ? `M${xScaled} ${yScaled}` : ` L${xScaled} ${yScaled}`);
-        return pathData.join('\n');
-    };
-    return (react_1.default.createElement(Base, { className: className },
-        react_1.default.createElement("svg", { viewBox: `0 -10 ${width} ${height + 20}` }, series.map(({ color, data, label, key, onClick, title }) => {
-            var _a, _b, _c, _d;
-            return (react_1.default.createElement("g", { key: key },
-                react_1.default.createElement("title", null, title || label),
-                react_1.default.createElement("path", { d: getPathData({ color, data, label, key }), fill: "none", stroke: color, strokeWidth: strokeWidth, onClick: () => onClick === null || onClick === void 0 ? void 0 : onClick(), style: { cursor: onClick ? 'pointer' : 'default' } }),
-                label && (react_1.default.createElement(react_1.default.Fragment, null,
-                    react_1.default.createElement("text", { x: xScale((_a = data[0]) === null || _a === void 0 ? void 0 : _a.x) + strokeWidth * 2, y: yScale((_b = data[data.length - 1]) === null || _b === void 0 ? void 0 : _b.y), fontSize: "12", textAnchor: "middle", dominantBaseline: "middle", stroke: "white", strokeWidth: '3px' }, label),
-                    react_1.default.createElement("text", { x: xScale((_c = data[0]) === null || _c === void 0 ? void 0 : _c.x) + strokeWidth * 2, y: yScale((_d = data[data.length - 1]) === null || _d === void 0 ? void 0 : _d.y), fontSize: "12", textAnchor: "middle", dominantBaseline: "middle", fill: "black" }, label)))));
-        }))));
-};
-exports.TimelineChart = TimelineChart;

package/dist/ui/components/TreeChart/TooltipContent.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import type { TreeNodeData, TreeNodeOut } from './types';
-export declare const TooltipContent: ({ data, node, head, }: {
-    data: TreeNodeData;
-    node: TreeNodeOut;
-    head: TreeNodeOut;
-}) => React.JSX.Element;

package/dist/ui/components/TreeChart/TooltipContent.js

@@ -1,34 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TooltipContent = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-const react_1 = __importDefault(require("react"));
-const Base = styled_1.default.div `
-  padding: 0.5rem;
-  border: solid 1px black;
-  background-color: white;
-  color: black;
-`;
-const Title = styled_1.default.div `
-  font-weight: bold;
-`;
-const TooltipContent = ({ data, node, head, }) => {
-    var _a;
-    let rows = [];
-    let n = node;
-    while (n) {
-        const t = ((_a = data.titleFn) === null || _a === void 0 ? void 0 : _a.call(data, {
-            path: n.name,
-            pathCount: n.size,
-            fullCount: head.size,
-        })) || `${n.name} (${n.size}/${head.size})`;
-        rows = [t, ...rows];
-        n = n.parent;
-    }
-    return (react_1.default.createElement(Base, null,
-        react_1.default.createElement(Title, null, rows.map((r, i) => (react_1.default.createElement("div", { key: r, style: { marginLeft: `${i * 2}px` } }, r))))));
-};
-exports.TooltipContent = TooltipContent;

package/dist/ui/components/TreeChart/base.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import type { TreeNodeData } from './types';
-export declare const TreeChart: (tnd: TreeNodeData) => React.JSX.Element;

package/dist/ui/components/TreeChart/base.js

@@ -1,144 +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.TreeChart = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-const react_1 = __importStar(require("react"));
-const useResize_1 = require("../../helpers/useResize");
-const useTooltip_1 = require("../../helpers/useTooltip");
-const styles_1 = require("../../styles");
-const common_1 = require("../../styles/common");
-const helpers_1 = require("./helpers");
-const TooltipContent_1 = require("./TooltipContent");
-const Base = styled_1.default.div `
-  border: solid 1px #ccc;
-  max-height: 100%;
-  overflow-y: auto;
-`;
-const NodeChildren = styled_1.default.div `
-  display: flex;
-  flex-flow: row wrap;
-  justify-content: center;
-`;
-const Node = styled_1.default.div `
-  margin: 1px;
-  padding: 2px;
-  display: flex;
-  flex-flow: column;
-  height: min-content;
-  overflow: hidden;
-  &[data-leaf='true'] {
-    width: 100%;
-    height: 100%;
-    min-height: 1rem;
-    min-width: 1rem;
-    max-width: 10rem;
-    max-height: 10rem;
-  }
-`;
-const Title = styled_1.default.div `
-  color: white;
-  word-break: break-all;
-  ${(0, common_1.HardOutline)('black')};
-  ${(0, common_1.TextOverflowEllipsis)(1)};
-  min-height: 1rem;
-  line-height: 1rem;
-`;
-const Render = ({ n, depth, head, headDim, tnd, UT, }) => {
-    const children = Object.values(n.children);
-    const leaf = children.length === 0;
-    const sizeMult = n.size / head.size;
-    const biggerDim = Math.max(headDim.width, headDim.height);
-    const nodeSize = Math.floor(biggerDim * sizeMult).toString();
-    return (react_1.default.createElement(Node, { "data-treenode": true, "data-leaf": leaf.toString(), style: Object.assign({ backgroundColor: (0, styles_1.getColourWheel)(depth) }, (leaf &&
-            nodeSize && {
-            width: nodeSize + 'px',
-            height: nodeSize + 'px',
-        })), key: n.name, "data-ch": n.children.length, "data-size": n.size, onMouseLeave: () => UT.setPos(undefined), onMouseMove: (element) => {
-            UT.setPos({
-                element,
-                parent: null,
-                data: { data: tnd, node: n, head },
-            });
-            element.preventDefault();
-            element.stopPropagation();
-        } },
-        n.name && react_1.default.createElement(Title, null, n.name),
-        children.length > 0 && (react_1.default.createElement(NodeChildren, { "data-type": "nc" }, children.map((c) => Render({
-            UT,
-            n: c,
-            depth: depth + 1,
-            head,
-            headDim,
-            tnd,
-        }))))));
-};
-const TreeChart = (tnd) => {
-    const UT = (0, useTooltip_1.useTooltip)();
-    const head = (0, helpers_1.convertToRaw)({ tnd });
-    const pd = (0, useResize_1.useResize)();
-    const [headDim, setHeadDim] = (0, react_1.useState)();
-    const r = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(() => {
-        if (!r.current) {
-            return;
-        }
-        const width = r.current.clientWidth;
-        const height = r.current.clientHeight || r.current.clientWidth;
-        setHeadDim({
-            width,
-            height,
-        });
-    }, [pd]);
-    if (head.size === 0) {
-        return react_1.default.createElement("div", null);
-    }
-    return (react_1.default.createElement(Base, { ref: r, className: tnd.className, style: tnd.style },
-        react_1.default.createElement(UT.Comp, { pos: UT.pos }, ({ data }) => react_1.default.createElement(TooltipContent_1.TooltipContent, Object.assign({}, data))),
-        headDim &&
-            Render({
-                UT,
-                tnd,
-                n: head,
-                depth: 0,
-                head,
-                headDim,
-            })));
-};
-exports.TreeChart = TreeChart;

package/dist/ui/components/TreeChart/helpers.d.ts

@@ -1,4 +0,0 @@
-import type { TreeNodeData, TreeNodeOut } from './types';
-export declare const convertToRaw: ({ tnd: { data, pathDelimiter }, }: {
-    tnd: TreeNodeData;
-}) => TreeNodeOut;