ag-common 0.0.418 → 0.0.419

package/dist/ui/components/OpenApiCodeBlock/OpenApiCodeBlock.js

@@ -1,16 +1,10 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.OpenApiCodeBlock = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-const react_1 = __importDefault(require("react"));
-const FlexRow_1 = require("../FlexRow");
-const curl_1 = require("./curl");
-const fetch_1 = require("./fetch");
-const common_1 = require("./helpers/common");
-const Base = styled_1.default.div `
+import styled from '@emotion/styled';
+import React from 'react';
+import { FlexRow } from '../FlexRow';
+import { Curl } from './curl';
+import { Fetch } from './fetch';
+import { getOperation } from './helpers/common';
+const Base = styled.div `
   display: flex;
   flex-flow: column;
   width: calc(100% - 4rem);
@@ -19,48 +13,46 @@ const Base = styled_1.default.div `
   margin: 1rem;
   padding: 1rem;
 `;
-const Verb = styled_1.default.div `
+const Verb = styled.div `
   background-color: #333;
   color: white;
   margin-right: 0.5rem;
   padding: 0.25rem;
   font-size: 0.8rem;
 `;
-const ApiName = styled_1.default.div `
+const ApiName = styled.div `
   font-weight: bold;
   font-size: 1.5rem;
 `;
-const BlockTitle = styled_1.default.div `
+const BlockTitle = styled.div `
   color: #333;
   font-size: 1.2rem;
   margin-top: 2rem;
 `;
-const Block = styled_1.default.div `
+const Block = styled.div `
   background-color: rgba(0, 0, 0, 0.1);
   padding: 1rem;
   margin-top: 0.5rem;
 `;
-const OpenApiCodeBlock = (p) => {
-    var _a;
-    const ops = (0, common_1.getOperation)(p);
+export const OpenApiCodeBlock = (p) => {
+    const ops = getOperation(p);
     if (ops.error || !ops.verb || !ops.operation) {
-        return react_1.default.createElement(Base, null, ops.error);
+        return React.createElement(Base, null, ops.error);
     }
     const { verb, operation, path } = ops;
-    return (react_1.default.createElement(Base, null,
-        react_1.default.createElement(FlexRow_1.FlexRow, { center: true },
-            react_1.default.createElement(Verb, null, verb),
-            react_1.default.createElement(ApiName, null, (_a = operation.description) !== null && _a !== void 0 ? _a : path)),
-        react_1.default.createElement(BlockTitle, null, "Definition"),
-        react_1.default.createElement(Block, null,
+    return (React.createElement(Base, null,
+        React.createElement(FlexRow, { center: true },
+            React.createElement(Verb, null, verb),
+            React.createElement(ApiName, null, operation.description ?? path)),
+        React.createElement(BlockTitle, null, "Definition"),
+        React.createElement(Block, null,
             verb.toUpperCase(),
             " ",
             path),
-        react_1.default.createElement(BlockTitle, null, "Example curl Request"),
-        react_1.default.createElement(Block, null,
-            react_1.default.createElement(curl_1.Curl, { ops: ops, p: p })),
-        react_1.default.createElement(BlockTitle, null, "Example fetch Request"),
-        react_1.default.createElement(Block, null,
-            react_1.default.createElement(fetch_1.Fetch, { ops: ops, p: p }))));
+        React.createElement(BlockTitle, null, "Example curl Request"),
+        React.createElement(Block, null,
+            React.createElement(Curl, { ops: ops, p: p })),
+        React.createElement(BlockTitle, null, "Example fetch Request"),
+        React.createElement(Block, null,
+            React.createElement(Fetch, { ops: ops, p: p }))));
 };
-exports.OpenApiCodeBlock = OpenApiCodeBlock;

package/dist/ui/components/OpenApiCodeBlock/curl/helpers/body.js

@@ -1,29 +1,22 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getBody = void 0;
-const react_1 = __importDefault(require("react"));
-const common_1 = require("../../helpers/common");
-const getBody = (p) => {
-    const { nice } = (0, common_1.getBodyJson)(p) || {};
+import React from 'react';
+import { getBodyJson, Highlight, Highlight2 } from '../../helpers/common';
+export const getBody = (p) => {
+    const { nice } = getBodyJson(p) || {};
     if (!nice) {
         return { content: undefined, header: undefined };
     }
-    const content = (react_1.default.createElement(react_1.default.Fragment, null,
+    const content = (React.createElement(React.Fragment, null,
         "-d @- <<'EOF'",
-        react_1.default.createElement("br", null),
-        react_1.default.createElement(common_1.Highlight2, null, nice),
-        react_1.default.createElement("br", null),
+        React.createElement("br", null),
+        React.createElement(Highlight2, null, nice),
+        React.createElement("br", null),
         "EOF"));
-    const header = (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("span", null, "--header "),
-        react_1.default.createElement(common_1.Highlight, null,
-            react_1.default.createElement(common_1.Highlight, null, "'Content-Type: application/json'"))));
+    const header = (React.createElement(React.Fragment, null,
+        React.createElement("span", null, "--header "),
+        React.createElement(Highlight, null,
+            React.createElement(Highlight, null, "'Content-Type: application/json'"))));
     return {
         content,
         header,
     };
 };
-exports.getBody = getBody;

package/dist/ui/components/OpenApiCodeBlock/curl/helpers/getCurlLines.js

@@ -1,17 +1,13 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getCurlLines = void 0;
-const body_1 = require("./body");
-const security_1 = require("./security");
-const getCurlLines = (ops, p) => {
-    var _a;
+import { getBody } from './body';
+import { getSecurityLine } from './security';
+export const getCurlLines = (ops, p) => {
     const { operation, path, verb, fullApiUrl } = ops;
     const withPath = fullApiUrl + path;
-    const secline = (0, security_1.getSecurityLine)(p, { operation });
+    const secline = getSecurityLine(p, { operation });
     if (secline.error) {
         return { error: secline.error };
     }
-    const bodyLines = (_a = (0, body_1.getBody)(p)) !== null && _a !== void 0 ? _a : undefined;
+    const bodyLines = getBody(p) ?? undefined;
     const headerLines = [];
     if (secline.content) {
         headerLines.push(secline.content);
@@ -25,8 +21,7 @@ const getCurlLines = (ops, p) => {
         error: undefined,
         headerLines: headerLines,
         fullApiUrl: withPath,
-        bodyLine: bodyLines === null || bodyLines === void 0 ? void 0 : bodyLines.content,
+        bodyLine: bodyLines?.content,
         operation,
     };
 };
-exports.getCurlLines = getCurlLines;

package/dist/ui/components/OpenApiCodeBlock/curl/helpers/security.js

@@ -1,13 +1,7 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getSecurityLine = void 0;
-const react_1 = __importDefault(require("react"));
-const common_1 = require("../../helpers/common");
-const getSecurityLine = (p, { operation }) => {
-    const sec = (0, common_1.getSecurity)(p, { operation });
+import React from 'react';
+import { getSecurity, Highlight, Highlight2 } from '../../helpers/common';
+export const getSecurityLine = (p, { operation }) => {
+    const sec = getSecurity(p, { operation });
     if (sec === null) {
         return { error: 'not supported sec in', content: undefined };
     }
@@ -15,14 +9,13 @@ const getSecurityLine = (p, { operation }) => {
         return { content: undefined };
     }
     return {
-        content: (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement("span", null, "--header "),
-            react_1.default.createElement(common_1.Highlight, null,
+        content: (React.createElement(React.Fragment, null,
+            React.createElement("span", null, "--header "),
+            React.createElement(Highlight, null,
                 "'",
                 sec.name,
                 ": ",
-                react_1.default.createElement(common_1.Highlight2, null, p.apiKey || '(API KEY)'),
+                React.createElement(Highlight2, null, p.apiKey || '(API KEY)'),
                 "'"))),
     };
 };
-exports.getSecurityLine = getSecurityLine;

package/dist/ui/components/OpenApiCodeBlock/curl/index.js

@@ -1,34 +1,27 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Curl = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-const react_1 = __importDefault(require("react"));
-const array_1 = require("../../../../common/helpers/array");
-const common_1 = require("../helpers/common");
-const joinJsx_1 = require("../helpers/joinJsx");
-const getCurlLines_1 = require("./helpers/getCurlLines");
-const Base = styled_1.default.div `
+import styled from '@emotion/styled';
+import React from 'react';
+import { notEmpty } from '../../../../common/helpers/array';
+import { Highlight } from '../helpers/common';
+import { joinJsxWithSlash } from '../helpers/joinJsx';
+import { getCurlLines } from './helpers/getCurlLines';
+const Base = styled.div `
   white-space: pre;
 `;
-const Curl = ({ ops, p, }) => {
-    const { fullApiUrl, headerLines, bodyLine } = (0, getCurlLines_1.getCurlLines)(ops, p);
+export const Curl = ({ ops, p, }) => {
+    const { fullApiUrl, headerLines, bodyLine } = getCurlLines(ops, p);
     const { verb } = ops;
     const rows = [
-        react_1.default.createElement(react_1.default.Fragment, null,
+        React.createElement(React.Fragment, null,
             "curl --request ",
             verb.toUpperCase()),
-        react_1.default.createElement(react_1.default.Fragment, null,
+        React.createElement(React.Fragment, null,
             "--url ",
-            react_1.default.createElement(common_1.Highlight, null,
+            React.createElement(Highlight, null,
                 "'",
                 fullApiUrl,
                 "'")),
         ...(headerLines || []),
         bodyLine,
-    ].filter(array_1.notEmpty);
-    return react_1.default.createElement(Base, null, (0, joinJsx_1.joinJsxWithSlash)(rows));
+    ].filter(notEmpty);
+    return React.createElement(Base, null, joinJsxWithSlash(rows));
 };
-exports.Curl = Curl;

package/dist/ui/components/OpenApiCodeBlock/fetch/helpers/call.js

@@ -1,23 +1,16 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getFetchCall = void 0;
-const react_1 = __importDefault(require("react"));
-const common_1 = require("../../helpers/common");
-const getFetchCall = (p, ops) => {
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(common_1.Highlight, null, "const"),
+import React from 'react';
+import { Highlight, Highlight2 } from '../../helpers/common';
+export const getFetchCall = (p, ops) => {
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Highlight, null, "const"),
         "\u00A0response = ",
-        react_1.default.createElement(common_1.Highlight, null, "await"),
+        React.createElement(Highlight, null, "await"),
         ' ',
-        react_1.default.createElement(common_1.Highlight2, null, "fetch"),
+        React.createElement(Highlight2, null, "fetch"),
         "(",
-        react_1.default.createElement(common_1.Highlight, null,
+        React.createElement(Highlight, null,
             "'",
             ops.fullApiUrl,
             "'"),
         ",\u00A0 requestOptions);"));
 };
-exports.getFetchCall = getFetchCall;

package/dist/ui/components/OpenApiCodeBlock/fetch/helpers/getFetchLines.js

@@ -1,12 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getFetchLines = void 0;
-const req_1 = require("./req");
-const getFetchLines = (ops, p) => {
-    var _a;
+import { getRequestOptions } from './req';
+export const getFetchLines = (ops, p) => {
     const { operation, path, verb, fullApiUrl } = ops;
     const withPath = fullApiUrl + path;
-    const reqContent = (_a = (0, req_1.getRequestOptions)(p, ops)) !== null && _a !== void 0 ? _a : undefined;
+    const reqContent = getRequestOptions(p, ops) ?? undefined;
     return {
         verb,
         path,
@@ -16,4 +12,3 @@ const getFetchLines = (ops, p) => {
         operation,
     };
 };
-exports.getFetchLines = getFetchLines;

package/dist/ui/components/OpenApiCodeBlock/fetch/helpers/req.js

@@ -1,76 +1,69 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getRequestOptions = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-const react_1 = __importDefault(require("react"));
-const common_1 = require("../../helpers/common");
-const joinJsx_1 = require("../../helpers/joinJsx");
-const rb = react_1.default.createElement(react_1.default.Fragment, null, "}");
-const lb = react_1.default.createElement(react_1.default.Fragment, null, "{");
-const Lpad = styled_1.default.div `
+import styled from '@emotion/styled';
+import React from 'react';
+import { getBodyJson, getSecurity, Highlight, Highlight2, } from '../../helpers/common';
+import { joinJsxWithComma } from '../../helpers/joinJsx';
+const rb = React.createElement(React.Fragment, null, "}");
+const lb = React.createElement(React.Fragment, null, "{");
+const Lpad = styled.div `
   padding-left: 0.5rem;
 `;
-const getRequestOptions = (p, ops) => {
-    const { nice } = (0, common_1.getBodyJson)(p) || {};
+export const getRequestOptions = (p, ops) => {
+    const { nice } = getBodyJson(p) || {};
     if (!nice) {
         return undefined;
     }
-    const sec = (0, common_1.getSecurity)(p, ops);
-    const h1 = (react_1.default.createElement(react_1.default.Fragment, null,
+    const sec = getSecurity(p, ops);
+    const h1 = (React.createElement(React.Fragment, null,
         ' ',
-        react_1.default.createElement(common_1.Highlight, null, "'Content-Type'"),
+        React.createElement(Highlight, null, "'Content-Type'"),
         ":",
         ' ',
-        react_1.default.createElement(common_1.Highlight, null, "'application/json'")));
+        React.createElement(Highlight, null, "'application/json'")));
     let h2;
     if (sec) {
-        h2 = (react_1.default.createElement(react_1.default.Fragment, null,
+        h2 = (React.createElement(React.Fragment, null,
             ' ',
-            react_1.default.createElement(common_1.Highlight, null,
+            React.createElement(Highlight, null,
                 "'",
                 sec.name,
                 "'"),
             ":",
             ' ',
-            react_1.default.createElement(common_1.Highlight, null,
+            React.createElement(Highlight, null,
                 "'",
                 p.apiKey || '(API KEY)',
                 "'")));
     }
-    const header = !sec ? (react_1.default.createElement(react_1.default.Fragment, null)) : (react_1.default.createElement(react_1.default.Fragment, null,
+    const header = !sec ? (React.createElement(React.Fragment, null)) : (React.createElement(React.Fragment, null,
         "headers: ",
         lb,
-        react_1.default.createElement(Lpad, null, (0, joinJsx_1.joinJsxWithComma)([h1, h2])),
+        React.createElement(Lpad, null, joinJsxWithComma([h1, h2])),
         rb,
         ","));
-    const body = (react_1.default.createElement(react_1.default.Fragment, null,
+    const body = (React.createElement(React.Fragment, null,
         "body: ",
-        react_1.default.createElement(common_1.Highlight2, null, "JSON"),
+        React.createElement(Highlight2, null, "JSON"),
         ".",
-        react_1.default.createElement(common_1.Highlight, null, "stringify"),
+        React.createElement(Highlight, null, "stringify"),
         "(",
         nice,
         ")"));
-    const content = (react_1.default.createElement(react_1.default.Fragment, null,
+    const content = (React.createElement(React.Fragment, null,
         "const requestOptions = ",
         lb,
-        react_1.default.createElement(Lpad, null,
+        React.createElement(Lpad, null,
             "method: ",
-            react_1.default.createElement(common_1.Highlight, null,
+            React.createElement(Highlight, null,
                 "'",
                 ops.verb.toUpperCase(),
                 "'"),
             ",",
-            react_1.default.createElement("br", null),
+            React.createElement("br", null),
             header,
-            react_1.default.createElement("br", null),
+            React.createElement("br", null),
             body,
-            react_1.default.createElement("br", null)),
+            React.createElement("br", null)),
         rb,
         ";"));
     return content;
 };
-exports.getRequestOptions = getRequestOptions;

package/dist/ui/components/OpenApiCodeBlock/fetch/index.js

@@ -1,23 +1,16 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Fetch = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-const react_1 = __importDefault(require("react"));
-const call_1 = require("./helpers/call");
-const getFetchLines_1 = require("./helpers/getFetchLines");
-const Base = styled_1.default.div `
+import styled from '@emotion/styled';
+import React from 'react';
+import { getFetchCall } from './helpers/call';
+import { getFetchLines } from './helpers/getFetchLines';
+const Base = styled.div `
   white-space: pre;
 `;
-const Fetch = ({ ops, p, }) => {
-    const { reqContent } = (0, getFetchLines_1.getFetchLines)(ops, p);
-    const x = (0, call_1.getFetchCall)(p, ops);
-    return (react_1.default.createElement(Base, null,
+export const Fetch = ({ ops, p, }) => {
+    const { reqContent } = getFetchLines(ops, p);
+    const x = getFetchCall(p, ops);
+    return (React.createElement(Base, null,
         reqContent,
-        react_1.default.createElement("br", null),
-        react_1.default.createElement("br", null),
+        React.createElement("br", null),
+        React.createElement("br", null),
         x));
 };
-exports.Fetch = Fetch;

package/dist/ui/components/OpenApiCodeBlock/helpers/common.js

@@ -1,15 +1,9 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getSecurity = exports.getBodyJson = exports.getOperation = exports.Highlight2 = exports.Highlight = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-exports.Highlight = styled_1.default.span `
+import styled from '@emotion/styled';
+export const Highlight = styled.span `
   color: green;
   text-transform: capitalize;
 `;
-exports.Highlight2 = styled_1.default.span `
+export const Highlight2 = styled.span `
   color: indianred;
 `;
 const indexOfNumber = (str, char, num = 0) => {
@@ -32,7 +26,7 @@ const getFunctionName = (p) => {
     ret = ret.substring(i1, i2);
     return ret;
 };
-const getOperation = (p) => {
+export const getOperation = (p) => {
     let path;
     let verb;
     const func = getFunctionName(p);
@@ -51,8 +45,7 @@ const getOperation = (p) => {
     const operation = p.schema.paths[path][verb];
     return { operation, verb, path, fullApiUrl: getApiUrl(p) };
 };
-exports.getOperation = getOperation;
-const getBodyJson = (p) => {
+export const getBodyJson = (p) => {
     const body = p.funcF.toString();
     const bstart = indexOfNumber(body, '(', 1);
     const bend = !bstart ? undefined : body.lastIndexOf(')');
@@ -70,10 +63,8 @@ const getBodyJson = (p) => {
     const nice = JSON.stringify(JSON.parse(cleaned), null, 2);
     return { nice, raw };
 };
-exports.getBodyJson = getBodyJson;
-const getSecurity = (p, { operation }) => {
-    var _a;
-    const security1 = (_a = operation.security) === null || _a === void 0 ? void 0 : _a[0];
+export const getSecurity = (p, { operation }) => {
+    const security1 = operation.security?.[0];
     const security2 = !security1 ? undefined : Object.keys(security1)[0];
     const security = !security2
         ? undefined
@@ -86,4 +77,3 @@ const getSecurity = (p, { operation }) => {
     }
     return undefined;
 };
-exports.getSecurity = getSecurity;

package/dist/ui/components/OpenApiCodeBlock/helpers/joinJsx.js

@@ -1,14 +1,8 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.joinJsxWithComma = exports.joinJsxWithSlash = exports.joinJsx = void 0;
-const react_1 = __importDefault(require("react"));
-const array_1 = require("../../../../common/helpers/array");
-const joinJsx = (items, sep) => {
+import React from 'react';
+import { notEmpty } from '../../../../common/helpers/array';
+export const joinJsx = (items, sep) => {
     const ret = [];
-    items.filter(array_1.notEmpty).forEach((i, index) => {
+    items.filter(notEmpty).forEach((i, index) => {
         ret.push(i);
         if (index !== items.length - 1) {
             for (const s of sep) {
@@ -18,8 +12,5 @@ const joinJsx = (items, sep) => {
     });
     return ret;
 };
-exports.joinJsx = joinJsx;
-const joinJsxWithSlash = (items) => (0, exports.joinJsx)(items, [react_1.default.createElement(react_1.default.Fragment, null, "\u00A0\\"), react_1.default.createElement("br", { key: "br1" })]);
-exports.joinJsxWithSlash = joinJsxWithSlash;
-const joinJsxWithComma = (items) => (0, exports.joinJsx)(items, [react_1.default.createElement(react_1.default.Fragment, null, ","), react_1.default.createElement("br", { key: "br1" })]);
-exports.joinJsxWithComma = joinJsxWithComma;
+export const joinJsxWithSlash = (items) => joinJsx(items, [React.createElement(React.Fragment, null, "\u00A0\\"), React.createElement("br", { key: "br1" })]);
+export const joinJsxWithComma = (items) => joinJsx(items, [React.createElement(React.Fragment, null, ","), React.createElement("br", { key: "br1" })]);

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

@@ -1,18 +1,2 @@
-"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("./OpenApiCodeBlock"), exports);
-__exportStar(require("./types"), exports);
+export * from './OpenApiCodeBlock';
+export * from './types';

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

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

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

@@ -1,16 +1,10 @@
-"use strict";
-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 `
+import styled from '@emotion/styled';
+import React from 'react';
+const Base = styled.div `
   width: 100%;
   height: 100%;
 `;
-const PieChart = ({ data, className }) => {
+export const PieChart = ({ data, className }) => {
     const total = data.reduce((sum, { value }) => sum + value, 0);
     const width = 500;
     const height = 500;
@@ -18,8 +12,8 @@ const PieChart = ({ data, className }) => {
     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 }) => {
+    return (React.createElement(Base, { className: className },
+        React.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);
@@ -32,11 +26,10 @@ const PieChart = ({ data, className }) => {
             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)));
+            return (React.createElement("g", { key: label },
+                React.createElement("title", null, `${label}: ${value}`),
+                React.createElement("path", { d: `M ${startX} ${startY} A ${radius} ${radius} 0 ${largeArcFlag} 1 ${endX} ${endY} L ${centerX} ${centerY} Z`, fill: color }),
+                React.createElement("text", { x: midX, y: midY, textAnchor: "middle", alignmentBaseline: "middle", stroke: "white", strokeWidth: "6px" }, label),
+                React.createElement("text", { x: midX, y: midY, textAnchor: "middle", alignmentBaseline: "middle", fill: "black" }, label)));
         }))));
 };
-exports.PieChart = PieChart;