ag-common 0.0.797 → 0.0.799

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

@@ -1,18 +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("./Dialog"), exports);
-__exportStar(require("./Modal"), exports);

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

@@ -1,16 +0,0 @@
-import type { CSSProperties } from 'react';
-export interface IModal {
-    open: boolean;
-    setOpen: (b: boolean, e: Event) => void;
-    children: React.ReactNode;
-    position?: 'left' | 'right' | 'center';
-    topPosition?: 'bottom' | 'top' | 'center';
-    showCloseButton?: boolean;
-    closeOnMoveMouseOutside?: boolean;
-    className?: string;
-    closeOnClickOutside?: boolean;
-    /** if provided, will create inside this #id. default "ag-modal-portal". if null, wont use global id */
-    portalId?: string | null;
-    /**applied to modal inside fixed */
-    style?: CSSProperties;
-}

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

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

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

@@ -1,11 +0,0 @@
-import React from 'react';
-export interface IPieChartData {
-    label: string;
-    value: number;
-    color: string;
-}
-export interface IPieChart {
-    data: IPieChartData[];
-    className?: string;
-}
-export declare const PieChart: React.FC<IPieChart>;

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

@@ -1,43 +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.PieChart = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-const react_1 = __importDefault(require("react"));
-const Base = styled_1.default.div `
-  width: 100%;
-  height: 100%;
-`;
-const PieChart = ({ data, className }) => {
-    const total = data.reduce((sum, { value }) => sum + value, 0);
-    const width = 500;
-    const height = 500;
-    const centerX = width / 2;
-    const centerY = height / 2;
-    const radius = Math.min(width, height) / 2;
-    let cumulativeAngle = 0;
-    return (react_1.default.createElement(Base, { className: className },
-        react_1.default.createElement("svg", { viewBox: `0 0 ${width} ${height}` }, data.map(({ label, value, color }) => {
-            const angle = (value / total) * 360;
-            const startX = centerX + radius * Math.cos((cumulativeAngle * Math.PI) / 180);
-            const startY = centerY + radius * Math.sin((cumulativeAngle * Math.PI) / 180);
-            const endX = centerX +
-                radius * Math.cos(((cumulativeAngle + angle) * Math.PI) / 180);
-            const endY = centerY +
-                radius * Math.sin(((cumulativeAngle + angle) * Math.PI) / 180);
-            const largeArcFlag = angle > 180 ? 1 : 0;
-            const midAngle = cumulativeAngle + angle / 2;
-            const midX = centerX + radius * 0.75 * Math.cos((midAngle * Math.PI) / 180);
-            const midY = centerY + radius * 0.75 * Math.sin((midAngle * Math.PI) / 180);
-            cumulativeAngle += angle;
-            return (react_1.default.createElement("g", { key: label },
-                react_1.default.createElement("title", null, `${label}: ${value}`),
-                react_1.default.createElement("path", { d: `M ${startX} ${startY} A ${radius} ${radius} 0 ${largeArcFlag} 1 ${endX} ${endY} L ${centerX} ${centerY} Z`, fill: color }),
-                react_1.default.createElement("text", { x: midX, y: midY, textAnchor: "middle", alignmentBaseline: "middle", stroke: "white", strokeWidth: "6px" }, label),
-                react_1.default.createElement("text", { x: midX, y: midY, textAnchor: "middle", alignmentBaseline: "middle", fill: "black" }, label)));
-        }))));
-};
-exports.PieChart = PieChart;

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

@@ -1,15 +0,0 @@
-import React from 'react';
-export interface IProgressBar {
-    min: number;
-    max: number;
-    /** default #4d76ff */
-    frontColour?: string;
-    /** default #eee */
-    backColour?: string;
-    /** default 25,50,75 */
-    dotPercentages?: number[] | null;
-    className?: string;
-    /** if true, will transition to the end in X ms */
-    transitionToMs?: number;
-}
-export declare const ProgressBar: (p: IProgressBar) => React.JSX.Element;

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

@@ -1,96 +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.ProgressBar = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-const react_1 = __importStar(require("react"));
-const styles_1 = require("../../styles");
-const Base = styled_1.default.div `
-  position: relative;
-  min-width: 5rem;
-  width: 100%;
-  height: 2rem;
-  border-radius: 1rem;
-  overflow: hidden;
-`;
-const Bar = styled_1.default.div `
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-`;
-const Dot = styled_1.default.div `
-  position: absolute;
-  top: calc(50% - 0.25rem);
-  width: 0.5rem;
-  height: 0.5rem;
-  background-color: #aaa;
-  z-index: 1;
-  border-radius: 50%;
-  &[data-invert='true'] {
-    background-color: #333;
-  }
-`;
-const ProgressBar = (p) => {
-    const { transitionToMs = 200, frontColour = styles_1.colours.notificationBlue, backColour = '#eee', dotPercentages = [25, 50, 75], } = p;
-    const [barWidth, setBarWidth] = (0, react_1.useState)((p.min / p.max) * 100);
-    (0, react_1.useEffect)(() => {
-        const newbw = (p.min / p.max) * 100;
-        if (barWidth !== newbw) {
-            setBarWidth(newbw);
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [p.min, p.max]);
-    (0, react_1.useEffect)(() => {
-        if (transitionToMs) {
-            setBarWidth(p.max);
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-    return (react_1.default.createElement(Base, { style: {
-            backgroundColor: backColour,
-        }, className: p.className },
-        react_1.default.createElement(Bar, { style: {
-                width: `${barWidth}%`,
-                backgroundColor: frontColour,
-                transition: `width ${transitionToMs}ms linear`,
-            } }), dotPercentages === null || dotPercentages === void 0 ? void 0 :
-        dotPercentages.map((v) => (react_1.default.createElement(Dot, { key: v, style: { left: `calc(${v}% - 0.25rem)` }, "data-invert": v > barWidth })))));
-};
-exports.ProgressBar = ProgressBar;

package/dist/ui/components/Prompt/Dialog.d.ts

@@ -1,2 +0,0 @@
-import type { IPromptDialog } from './types';
-export declare const PromptDialog: (p: IPromptDialog) => Promise<string | undefined>;

package/dist/ui/components/Prompt/Dialog.js

@@ -1,26 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PromptDialog = void 0;
-const react_1 = __importDefault(require("react"));
-const client_1 = require("react-dom/client");
-const Modal_1 = require("./Modal");
-const PromptDialog = (p) => __awaiter(void 0, void 0, void 0, function* () {
-    return new Promise((res) => {
-        const wrapper = document.body.appendChild(document.createElement('div'));
-        const root = (0, client_1.createRoot)(wrapper);
-        root.render(react_1.default.createElement(Modal_1.PromptModal, Object.assign({}, p, { res: res, root: root, wrapper: wrapper })));
-    });
-});
-exports.PromptDialog = PromptDialog;

package/dist/ui/components/Prompt/Modal.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import type { IPromptModal } from './types';
-export declare const PromptModal: ({ root, wrapper, res, bottomText, topText, okText, cancelText, defaultValue, placeholder, style, }: IPromptModal) => React.JSX.Element;

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

@@ -1,111 +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.PromptModal = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-const react_1 = __importStar(require("react"));
-const FlexColumn_1 = require("../FlexColumn");
-const FlexRow_1 = require("../FlexRow");
-const Modal_1 = require("../Modal/Modal");
-const button_1 = require("../shadcn/button");
-const TextEdit_1 = require("../TextEdit");
-const Base = styled_1.default.div `
-  width: 95vw;
-  max-width: 30rem;
-  height: 50vh;
-  max-height: 15rem;
-`;
-const Content = (0, styled_1.default)(FlexColumn_1.FlexColumn) `
-  padding: 1rem;
-  height: calc(100% - 2rem);
-  width: calc(100% - 2rem);
-`;
-const TopText = styled_1.default.div `
-  font-weight: bold;
-  border-bottom: solid 1px #ccc;
-  padding-bottom: 0.25rem;
-  font-size: 1.5rem;
-  margin-bottom: 1rem;
-`;
-const BottomText = styled_1.default.div `
-  padding-bottom: 0.25rem;
-  font-size: 1.1rem;
-`;
-const Bottom = (0, styled_1.default)(FlexRow_1.FlexRow) `
-  margin-top: auto;
-  justify-content: flex-end;
-  > button:first-of-type {
-    margin-right: 1rem;
-  }
-`;
-const PromptModal = ({ root, wrapper, res, bottomText, topText, okText = 'OK', cancelText = 'Cancel', defaultValue, placeholder, style, }) => {
-    const [text, setText] = (0, react_1.useState)(defaultValue || '');
-    const ret = (v) => {
-        try {
-            res(v);
-        }
-        finally {
-            try {
-                root === null || root === void 0 ? void 0 : root.unmount();
-                wrapper === null || wrapper === void 0 ? void 0 : wrapper.remove();
-                // eslint-disable-next-line @typescript-eslint/no-unused-vars
-            }
-            catch (e) {
-                //
-            }
-        }
-    };
-    return (react_1.default.createElement(Modal_1.Modal, { position: "center", topPosition: "center", open: true, setOpen: () => ret(undefined), showCloseButton: false, closeOnClickOutside: false },
-        react_1.default.createElement(Base, null,
-            react_1.default.createElement(Content, { style: style },
-                topText && react_1.default.createElement(TopText, null, topText),
-                react_1.default.createElement(BottomText, null, bottomText),
-                react_1.default.createElement(TextEdit_1.TextEdit, { defaultValue: text, onSubmit: (c, enter) => {
-                        if (enter) {
-                            ret(c);
-                        }
-                        else {
-                            setText(c);
-                        }
-                    }, placeholder: placeholder, defaultEditing: { focus: true }, singleLine: true, noGrow: true, allowUndo: false }),
-                react_1.default.createElement(Bottom, { noGrow: true },
-                    react_1.default.createElement(button_1.Button, { onClick: () => ret(text) }, okText),
-                    react_1.default.createElement(button_1.Button, { variant: "outline", onClick: () => ret(undefined) }, cancelText))))));
-};
-exports.PromptModal = PromptModal;

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

@@ -1,3 +0,0 @@
-export * from './Dialog';
-export * from './Modal';
-export type * from './types';

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

@@ -1,18 +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("./Dialog"), exports);
-__exportStar(require("./Modal"), exports);

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

@@ -1,23 +0,0 @@
-import type { CSSProperties } from 'react';
-import type { Root } from 'react-dom/client';
-export interface IPromptModal {
-    defaultValue?: string;
-    placeholder?: string;
-    res: (v: string | undefined) => void;
-    root?: Root;
-    wrapper?: HTMLDivElement;
-    topText?: string;
-    bottomText: string;
-    /** default 'OK' */
-    okText?: string;
-    /** default "cancel" */
-    cancelText?: string;
-    style?: CSSProperties;
-}
-export interface IPromptDialog {
-    topText?: string;
-    bottomText: string;
-    defaultValue?: string;
-    placeholder?: string;
-    style?: CSSProperties;
-}

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

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

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

@@ -1,19 +0,0 @@
-import type { CSSProperties } from 'react';
-import React from 'react';
-export declare const PulseRing: ({ style, className, text, title, }: {
-    /** tooltip text */
-    title?: string;
-    /** bubble text */
-    text?: string;
-    className?: string;
-    style?: CSSProperties & {
-        /** default 2.5rem */
-        width?: string;
-        /** default 2.5rem */
-        height?: string;
-        /** colour of pulse. default #01a4e9 */
-        backgroundColor?: string;
-        /** colour of tex. default #000 */
-        color?: string;
-    };
-}) => React.JSX.Element;

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

@@ -1,75 +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.PulseRing = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-const react_1 = __importDefault(require("react"));
-const CP = styled_1.default.div `
-  position: relative;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  background-color: transparent;
-
-  &:before {
-    content: '';
-    position: relative;
-    display: block;
-    width: 150%;
-    height: 150%;
-    aspect-ratio: 4/3;
-    box-sizing: border-box;
-    border-radius: 45px;
-    background-color: var(--var-bg-col);
-    animation: pulse-ring 1s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
-  }
-
-  @keyframes pulse-ring {
-    0% {
-      transform: scale(0.33);
-    }
-    80%,
-    100% {
-      opacity: 0;
-    }
-  }
-
-  @keyframes pulse-dot {
-    0% {
-      transform: scale(0.8);
-    }
-    50% {
-      transform: scale(1);
-    }
-    100% {
-      transform: scale(0.8);
-    }
-  }
-`;
-const Text = styled_1.default.div `
-  position: absolute;
-  z-index: 1;
-  background-color: var(--var-bg-col);
-  border-radius: 15px;
-  box-shadow: 0 0 8px var(--var-bg-col);
-  min-width: 1rem;
-  min-height: 1rem;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  padding: 2px;
-`;
-const PulseRing = ({ style, className, text, title, }) => {
-    var _a, _b, _c, _d;
-    const st = Object.assign(Object.assign({}, style), { width: (_a = style === null || style === void 0 ? void 0 : style.width) !== null && _a !== void 0 ? _a : '2rem', height: (_b = style === null || style === void 0 ? void 0 : style.height) !== null && _b !== void 0 ? _b : '2rem', color: 'transparent', backgroundColor: 'transparent', '--var-bg-col': (_c = style === null || style === void 0 ? void 0 : style.backgroundColor) !== null && _c !== void 0 ? _c : '#01a4e9' });
-    return (react_1.default.createElement(CP, { style: st, className: className, title: title },
-        react_1.default.createElement(Text, { style: {
-                color: (_d = style === null || style === void 0 ? void 0 : style.color) !== null && _d !== void 0 ? _d : 'black',
-                aspectRatio: '1/1',
-                minWidth: '1.5ch',
-                minHeight: '1.5ch',
-            } }, text)));
-};
-exports.PulseRing = PulseRing;

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

@@ -1,15 +0,0 @@
-import type { CSSProperties, ReactNode } from 'react';
-import React from 'react';
-export interface IRowOrColumn {
-    noGrow?: boolean;
-    center?: boolean;
-    noWrap?: boolean;
-    children: ReactNode;
-    className?: string;
-    break?: 'small' | 'vsmall';
-    style?: CSSProperties;
-    onClick?: () => void;
-}
-export type IFlexColumn = IRowOrColumn;
-export type IFlexRow = IRowOrColumn;
-export declare const RowOrColumn: (props: IRowOrColumn) => React.JSX.Element;

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

@@ -1,46 +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.RowOrColumn = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-const react_1 = __importDefault(require("react"));
-const media_1 = require("../../styles/media");
-const Base = styled_1.default.div `
-  display: flex;
-  flex-flow: row;
-  flex-grow: 1;
-  width: 100%;
-  @media ${media_1.bigScreen} {
-    &[data-nowrap='true'] {
-      flex-flow: row;
-    }
-  }
-  &[data-break='small'] {
-    @media ${media_1.smallScreen} {
-      flex-flow: column;
-    }
-  }
-
-  &[data-break='vsmall'] {
-    @media ${media_1.vSmallScreen} {
-      flex-flow: column;
-    }
-  }
-
-  &[data-center='true'] {
-    justify-content: center;
-    align-items: center;
-  }
-  &[data-nogrow='true'] {
-    flex-grow: 0;
-    width: auto;
-  }
-`;
-const RowOrColumn = (props) => {
-    var _a, _b, _c, _d;
-    return (react_1.default.createElement(Base, Object.assign({ "data-nogrow": (_a = props.noGrow) !== null && _a !== void 0 ? _a : false, "data-center": (_b = props.center) !== null && _b !== void 0 ? _b : false, "data-nowrap": (_c = props.noWrap) !== null && _c !== void 0 ? _c : false }, props, { "data-break": (_d = props.break) !== null && _d !== void 0 ? _d : 'small' }), props.children));
-};
-exports.RowOrColumn = RowOrColumn;

package/dist/ui/components/Search/AutoHideSearchBox.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-export interface IAutoHideSearchBox {
-    searchText: string;
-    setSearchText: (val: string, enterPressed: boolean) => void;
-    onOpenToggle?: (open: boolean) => void;
-    className?: string;
-}
-export declare const AutoHideSearchBox: (p: IAutoHideSearchBox) => React.JSX.Element;