ag-common 0.0.798 → 0.0.799

package/dist/ui/components/LineChart/interpolate.d.ts

@@ -1,17 +0,0 @@
-import type { ILineChartItemRaw } from './types';
-interface ILineChartItemComp {
-    x1: number;
-    x2: number;
-    y1: number;
-    y2: number;
-    name: string;
-    origX: number;
-    origY: number;
-    isToday: boolean;
-    isLast: boolean;
-}
-export declare const interpolate: (raw: ILineChartItemRaw[]) => {
-    points: ILineChartItemComp[];
-    xTime: boolean;
-};
-export {};

package/dist/ui/components/LineChart/interpolate.js

@@ -1,58 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.interpolate = void 0;
-const common_1 = require("../../../common");
-const math_1 = require("../../../common/helpers/math");
-const date_1 = require("../../helpers/date");
-const dateHelpers_1 = require("./dateHelpers");
-const interpolate = (raw) => {
-    const points = [];
-    const xs = raw.map((r) => r.x);
-    const ys = raw.map((r) => r.y);
-    const xMin = Math.min(...xs);
-    const xMax = Math.max(...xs);
-    const yMin = Math.min(...ys);
-    const yMax = Math.max(...ys);
-    let xTime = true;
-    (0, common_1.groupByList)(raw.sort((a, b) => (a.x < b.x ? -1 : 1)), (a) => a.name).map(({ items }) => {
-        const p = items.map((p, i) => {
-            if (xTime && !(0, date_1.isDate)(p.x)) {
-                xTime = false;
-            }
-            const x1 = (0, math_1.rangePercentage)({
-                value: i === 0 ? p.x : items[i - 1].x,
-                min: xMin,
-                max: xMax,
-            }) * 100;
-            const x2 = (0, math_1.rangePercentage)({
-                value: p.x,
-                min: xMin,
-                max: xMax,
-            }) * 100;
-            const y1 = (0, math_1.rangePercentage)({
-                value: i === 0 ? p.y : items[i - 1].y,
-                min: yMin,
-                max: yMax,
-            }) * 100;
-            const y2 = (0, math_1.rangePercentage)({
-                value: p.y,
-                min: yMin,
-                max: yMax,
-            }) * 100;
-            return {
-                x1,
-                x2,
-                y1,
-                y2,
-                name: p.name,
-                origX: p.x,
-                origY: p.y,
-                isToday: (0, dateHelpers_1.isToday)(p.x),
-                isLast: i === items.length - 1,
-            };
-        });
-        points.push(...(0, common_1.distinctBy)(p, (s) => JSON.stringify(s)));
-    });
-    return { points, xTime };
-};
-exports.interpolate = interpolate;

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

@@ -1,32 +0,0 @@
-import type { IVarStyles } from '../../styles/common';
-export type ILineChartItemRaw = {
-    x: number;
-    y: number;
-    name: string;
-    /** Optional display name used for legend/tooltip grouping */
-    legendName?: string;
-};
-export interface ILineChartState {
-    selectedPoints?: {
-        x: number;
-        y: number;
-    }[];
-    selectedXs?: ILineChartItemRaw[];
-}
-export interface ILineChartTooltip extends ILineChartState {
-    tt: (a: number) => string;
-    lt: (a: number) => string;
-    data: ILineChartItemRaw[];
-    colours: Record<string, string>;
-}
-export interface ILineChart {
-    data: ILineChartItemRaw[];
-    /** Optional dataset used only for legend/tooltip calculations */
-    legendData?: ILineChartItemRaw[];
-    className?: string;
-    /** name -> colour */
-    colours: Record<string, string>;
-    tooltipTitle?: (a: number) => string;
-    legendTitle?: (a: number) => string;
-    style?: Partial<IVarStyles>;
-}

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

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

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

@@ -1,15 +0,0 @@
-import React from 'react';
-export interface ILoader {
-    /**
-     * default 2rem
-     */
-    width?: string | null;
-    /**
-     * default 2rem
-     */
-    height?: string | null;
-    name: string;
-    /** position for loader. default full page takeover */
-    position?: 'abs' | 'br';
-}
-export declare const Loader: ({ name, height, width, position, }: ILoader) => React.JSX.Element;

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

@@ -1,93 +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.Loader = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-const react_1 = __importStar(require("react"));
-const Base = styled_1.default.div `
-  border: 16px solid #f3f3f3; /* Light grey */
-  border-top: 16px solid #3498db; /* Blue */
-  border-radius: 50%;
-  animation: spin 2s linear infinite;
-  padding: 2px;
-  overflow: hidden;
-
-  @keyframes spin {
-    0% {
-      transform: rotate(0deg);
-    }
-    100% {
-      transform: rotate(360deg);
-    }
-  }
-`;
-const LoadingBack = styled_1.default.div `
-  position: absolute;
-  &[data-type='abs'] {
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-  }
-  &[data-type='br'] {
-    bottom: 1rem;
-    right: 1rem;
-    top: auto;
-  }
-
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  z-index: 100;
-  background-color: transparent;
-  opacity: 1;
-  &[data-transparent='true'] {
-    opacity: 0.1;
-  }
-  transition: opacity 5s;
-`;
-const Loader = ({ name, height = '2rem', width = '2rem', position = 'abs', }) => {
-    const [trans, setTrans] = (0, react_1.useState)(true);
-    (0, react_1.useEffect)(() => {
-        setTrans(false);
-    }, []);
-    return (react_1.default.createElement(LoadingBack, { "data-loading": name, "data-transparent": trans, "data-type": position },
-        react_1.default.createElement(Base, { style: { height: height, width: width } })));
-};
-exports.Loader = Loader;

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

@@ -1,13 +0,0 @@
-import type { CSSProperties } from 'react';
-import React from 'react';
-export interface IMinSidebar {
-    children: ({ open, }: {
-        /** can make sidebar contents smaller when open=false */
-        open: boolean;
-    }) => React.ReactNode;
-    className?: string;
-    /** default white */
-    chevronColour?: string;
-    style?: CSSProperties;
-}
-export declare const MinSidebar: ({ chevronColour, children, className, style, }: IMinSidebar) => React.JSX.Element;

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

@@ -1,93 +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.MinSidebar = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-const react_1 = __importStar(require("react"));
-const helpers_1 = require("../../helpers");
-const common_1 = require("../../styles/common");
-const media_1 = require("../../styles/media");
-const Chevron_1 = require("../Chevron");
-const Icon_1 = require("../Icon");
-const Base = styled_1.default.div `
-  position: sticky;
-  top: 0;
-  border-right: solid 1px #ccc;
-  height: 100%;
-  ${common_1.NoTextSelect};
-  width: fit-content;
-`;
-const Content = styled_1.default.div `
-  display: flex;
-  flex-flow: column;
-  width: 100%;
-  height: 100%;
-  > div {
-    flex-basis: 100%;
-  }
-`;
-const OpenIcon = (0, styled_1.default)(Icon_1.Icon) `
-  width: 2rem;
-  height: 2rem;
-  margin: 0.5rem;
-  margin-left: auto;
-`;
-const ChevronStyled = (0, styled_1.default)(Chevron_1.Chevron) `
-  svg {
-    fill: #555;
-  }
-`;
-const MinSidebar = ({ chevronColour, children, className, style, }) => {
-    const ref = (0, react_1.useRef)(null);
-    const [open, setOpen] = (0, react_1.useState)(false);
-    (0, helpers_1.useOnClickOutside)({ ref, disabled: () => !open || window.innerWidth > media_1.smallScreenPx }, () => {
-        setOpen(false);
-    });
-    return (react_1.default.createElement(Base, { style: style, "data-type": "sidebar", className: className, "data-open": open, onClick: () => !open && setOpen(true), ref: ref },
-        react_1.default.createElement(Content, { "data-type": "content", "data-open": open, onClick: (e) => {
-                e.stopPropagation();
-            } },
-            react_1.default.createElement(OpenIcon, { onClick: (e) => {
-                    e.stopPropagation();
-                    setOpen(!open);
-                } },
-                react_1.default.createElement(ChevronStyled, { "data-open": open, point: open ? 'left' : 'right', width: "100%", colour: chevronColour !== null && chevronColour !== void 0 ? chevronColour : 'white' })),
-            children({ open }))));
-};
-exports.MinSidebar = MinSidebar;

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

@@ -1,8 +0,0 @@
-import type { CSSProperties } from 'react';
-import React from 'react';
-export declare const ModalDialog: (content: React.ReactNode | ((p: {
-    close: () => void;
-}) => React.ReactNode), opt?: {
-    style?: CSSProperties;
-    portalId?: string;
-}) => Promise<string | undefined>;

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

@@ -1,47 +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.ModalDialog = void 0;
-const react_1 = __importDefault(require("react"));
-const client_1 = require("react-dom/client");
-const Modal_1 = require("./Modal");
-const ModalDialog = (content, opt) => __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);
-        const onClose = () => {
-            try {
-                root.unmount();
-                wrapper.remove();
-                // eslint-disable-next-line @typescript-eslint/no-unused-vars
-            }
-            catch (e) {
-                //
-            }
-        };
-        root.render(react_1.default.createElement(Modal_1.Modal, { open: true, setOpen: (o) => {
-                if (!o) {
-                    onClose();
-                }
-                res('ok');
-            }, topPosition: "center", position: "center", style: opt === null || opt === void 0 ? void 0 : opt.style }, typeof content !== 'function'
-            ? content
-            : content({
-                close: () => {
-                    onClose();
-                },
-            })));
-    });
-});
-exports.ModalDialog = ModalDialog;

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

@@ -1,7 +0,0 @@
-import React from 'react';
-import type { IModal } from './types';
-export declare const ModalItem: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Modal: (p: IModal) => React.JSX.Element | null;

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

@@ -1,178 +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.Modal = exports.ModalItem = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-const react_1 = __importStar(require("react"));
-const react_dom_1 = require("react-dom");
-const dom_1 = require("../../helpers/dom");
-const useLockBodyScroll_1 = require("../../helpers/useLockBodyScroll");
-const useOnClickOutside_1 = require("../../helpers/useOnClickOutside");
-const styles_1 = require("../../styles");
-const Close_1 = require("../Close");
-const globalId = 'ag-modal-portal';
-const FixedBackground = styled_1.default.div `
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  background-color: rgba(0, 0, 0, 0.5);
-  z-index: 2;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-`;
-const ModalBase = styled_1.default.div `
-  display: flex;
-  position: absolute;
-  z-index: 1;
-  background-color: white;
-  border: solid 1px transparent;
-  border-radius: 0.5rem;
-  box-shadow:
-    0 1px 10px 0 rgba(0, 0, 0, 0.6),
-    0 2px 15px 0 rgba(0, 0, 0, 0.05);
-  max-width: 95vw;
-  max-height: 95vh;
-  overflow: hidden;
-  &[data-position='left'] {
-    left: 0;
-  }
-  &[data-position='right'] {
-    right: 0;
-  }
-  &[data-topposition='top'] {
-    top: 0;
-  }
-  &[data-topposition='bottom'] {
-    bottom: 0;
-  }
-  ${(0, styles_1.bounce)('data-bounced')}
-`;
-exports.ModalItem = styled_1.default.div `
-  display: flex;
-  padding: 1rem;
-
-  &:hover {
-    background-color: #eee;
-  }
-`;
-const CloseStyled = (0, styled_1.default)(Close_1.Close) `
-  z-index: 1;
-`;
-const Modal = (p) => {
-    const { open, setOpen, children, position = 'left', topPosition = 'top', showCloseButton = true, closeOnMoveMouseOutside = false, className, closeOnClickOutside = true, portalId: pidraw, style, } = p;
-    let portalId = pidraw;
-    if (portalId === undefined) {
-        portalId = globalId;
-    }
-    (0, useLockBodyScroll_1.useLockBodyScroll)(p.open);
-    const [portalElem, setPortalElem] = (0, react_1.useState)();
-    (0, react_1.useEffect)(() => {
-        if (portalId === null ||
-            document.querySelectorAll(`#${portalId}`).length > 0) {
-            return;
-        }
-        const d = document.createElement('div');
-        d.id = portalId;
-        d.style.position = 'fixed';
-        d.style.zIndex = '10';
-        document.body.appendChild(d);
-        return () => {
-            var _a;
-            try {
-                (_a = document.querySelector(`#${portalId}`)) === null || _a === void 0 ? void 0 : _a.remove();
-                // eslint-disable-next-line @typescript-eslint/no-unused-vars
-            }
-            catch (e) {
-                //
-            }
-        };
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-    const [bounced, setBounced] = (0, react_1.useState)(false);
-    const ref = (0, react_1.useRef)(null);
-    (0, useOnClickOutside_1.useOnClickOutside)({
-        disabled: !open,
-        ref,
-        moveMouseOutside: closeOnMoveMouseOutside,
-    }, (e) => {
-        var _a;
-        //there might be multiple models open, only close the last one on the stack
-        if (portalElem) {
-            const myid = Array.prototype.indexOf.call(portalElem.children, 
-            //parent because fixed background is first
-            (_a = ref.current) === null || _a === void 0 ? void 0 : _a.parentElement);
-            const childcount = portalElem.children.length;
-            if (myid + 1 !== childcount) {
-                return;
-            }
-        }
-        if (closeOnClickOutside && open) {
-            setOpen(false, e);
-            setBounced(false);
-        }
-    });
-    (0, react_1.useEffect)(() => {
-        if (!bounced && open) {
-            setBounced(true);
-        }
-    }, [open, bounced]);
-    (0, react_1.useEffect)(() => {
-        if (portalElem === undefined && portalId) {
-            setPortalElem(document.getElementById(portalId));
-        }
-    }, [portalElem, portalId]);
-    if (!open) {
-        return react_1.default.createElement(react_1.default.Fragment, null);
-    }
-    const Content = (react_1.default.createElement(FixedBackground, null,
-        react_1.default.createElement(ModalBase, Object.assign({}, (0, dom_1.filterDataProps)(p), { "data-bounced": bounced, "data-position": position, "data-topposition": topPosition, ref: ref, className: className, style: style }),
-            showCloseButton && (react_1.default.createElement(CloseStyled, { "data-type": "modal-close", onClick: (e) => setOpen(false, e) })),
-            children)));
-    if (portalId && portalElem === undefined) {
-        return null;
-    }
-    if (portalId && portalElem) {
-        return (0, react_dom_1.createPortal)(Content, portalElem);
-    }
-    return Content;
-};
-exports.Modal = Modal;

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

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

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;