ag-common 0.0.419 → 0.0.421

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

@@ -1,10 +1,16 @@
-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 `
+"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 `
   display: flex;
   flex-flow: column;
   width: calc(100% - 4rem);
@@ -13,46 +19,48 @@ const Base = styled.div `
   margin: 1rem;
   padding: 1rem;
 `;
-const Verb = styled.div `
+const Verb = styled_1.default.div `
   background-color: #333;
   color: white;
   margin-right: 0.5rem;
   padding: 0.25rem;
   font-size: 0.8rem;
 `;
-const ApiName = styled.div `
+const ApiName = styled_1.default.div `
   font-weight: bold;
   font-size: 1.5rem;
 `;
-const BlockTitle = styled.div `
+const BlockTitle = styled_1.default.div `
   color: #333;
   font-size: 1.2rem;
   margin-top: 2rem;
 `;
-const Block = styled.div `
+const Block = styled_1.default.div `
   background-color: rgba(0, 0, 0, 0.1);
   padding: 1rem;
   margin-top: 0.5rem;
 `;
-export const OpenApiCodeBlock = (p) => {
-    const ops = getOperation(p);
+const OpenApiCodeBlock = (p) => {
+    var _a;
+    const ops = (0, common_1.getOperation)(p);
     if (ops.error || !ops.verb || !ops.operation) {
-        return React.createElement(Base, null, ops.error);
+        return react_1.default.createElement(Base, null, ops.error);
     }
     const { verb, operation, path } = ops;
-    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,
+    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,
             verb.toUpperCase(),
             " ",
             path),
-        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 }))));
+        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 }))));
 };
+exports.OpenApiCodeBlock = OpenApiCodeBlock;

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

@@ -1,22 +1,29 @@
-import React from 'react';
-import { getBodyJson, Highlight, Highlight2 } from '../../helpers/common';
-export const getBody = (p) => {
-    const { nice } = getBodyJson(p) || {};
+"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) || {};
     if (!nice) {
         return { content: undefined, header: undefined };
     }
-    const content = (React.createElement(React.Fragment, null,
+    const content = (react_1.default.createElement(react_1.default.Fragment, null,
         "-d @- <<'EOF'",
-        React.createElement("br", null),
-        React.createElement(Highlight2, null, nice),
-        React.createElement("br", null),
+        react_1.default.createElement("br", null),
+        react_1.default.createElement(common_1.Highlight2, null, nice),
+        react_1.default.createElement("br", null),
         "EOF"));
-    const header = (React.createElement(React.Fragment, null,
-        React.createElement("span", null, "--header "),
-        React.createElement(Highlight, null,
-            React.createElement(Highlight, null, "'Content-Type: application/json'"))));
+    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'"))));
     return {
         content,
         header,
     };
 };
+exports.getBody = getBody;

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

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

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

@@ -1,7 +1,13 @@
-import React from 'react';
-import { getSecurity, Highlight, Highlight2 } from '../../helpers/common';
-export const getSecurityLine = (p, { operation }) => {
-    const sec = getSecurity(p, { operation });
+"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 });
     if (sec === null) {
         return { error: 'not supported sec in', content: undefined };
     }
@@ -9,13 +15,14 @@ export const getSecurityLine = (p, { operation }) => {
         return { content: undefined };
     }
     return {
-        content: (React.createElement(React.Fragment, null,
-            React.createElement("span", null, "--header "),
-            React.createElement(Highlight, null,
+        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,
                 "'",
                 sec.name,
                 ": ",
-                React.createElement(Highlight2, null, p.apiKey || '(API KEY)'),
+                react_1.default.createElement(common_1.Highlight2, null, p.apiKey || '(API KEY)'),
                 "'"))),
     };
 };
+exports.getSecurityLine = getSecurityLine;

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

@@ -1,27 +1,34 @@
-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 `
+"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 `
   white-space: pre;
 `;
-export const Curl = ({ ops, p, }) => {
-    const { fullApiUrl, headerLines, bodyLine } = getCurlLines(ops, p);
+const Curl = ({ ops, p, }) => {
+    const { fullApiUrl, headerLines, bodyLine } = (0, getCurlLines_1.getCurlLines)(ops, p);
     const { verb } = ops;
     const rows = [
-        React.createElement(React.Fragment, null,
+        react_1.default.createElement(react_1.default.Fragment, null,
             "curl --request ",
             verb.toUpperCase()),
-        React.createElement(React.Fragment, null,
+        react_1.default.createElement(react_1.default.Fragment, null,
             "--url ",
-            React.createElement(Highlight, null,
+            react_1.default.createElement(common_1.Highlight, null,
                 "'",
                 fullApiUrl,
                 "'")),
         ...(headerLines || []),
         bodyLine,
-    ].filter(notEmpty);
-    return React.createElement(Base, null, joinJsxWithSlash(rows));
+    ].filter(array_1.notEmpty);
+    return react_1.default.createElement(Base, null, (0, joinJsx_1.joinJsxWithSlash)(rows));
 };
+exports.Curl = Curl;

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

@@ -1,16 +1,23 @@
-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"),
+"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"),
         "\u00A0response = ",
-        React.createElement(Highlight, null, "await"),
+        react_1.default.createElement(common_1.Highlight, null, "await"),
         ' ',
-        React.createElement(Highlight2, null, "fetch"),
+        react_1.default.createElement(common_1.Highlight2, null, "fetch"),
         "(",
-        React.createElement(Highlight, null,
+        react_1.default.createElement(common_1.Highlight, null,
             "'",
             ops.fullApiUrl,
             "'"),
         ",\u00A0 requestOptions);"));
 };
+exports.getFetchCall = getFetchCall;

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

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

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

@@ -1,69 +1,76 @@
-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 `
+"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 `
   padding-left: 0.5rem;
 `;
-export const getRequestOptions = (p, ops) => {
-    const { nice } = getBodyJson(p) || {};
+const getRequestOptions = (p, ops) => {
+    const { nice } = (0, common_1.getBodyJson)(p) || {};
     if (!nice) {
         return undefined;
     }
-    const sec = getSecurity(p, ops);
-    const h1 = (React.createElement(React.Fragment, null,
+    const sec = (0, common_1.getSecurity)(p, ops);
+    const h1 = (react_1.default.createElement(react_1.default.Fragment, null,
         ' ',
-        React.createElement(Highlight, null, "'Content-Type'"),
+        react_1.default.createElement(common_1.Highlight, null, "'Content-Type'"),
         ":",
         ' ',
-        React.createElement(Highlight, null, "'application/json'")));
+        react_1.default.createElement(common_1.Highlight, null, "'application/json'")));
     let h2;
     if (sec) {
-        h2 = (React.createElement(React.Fragment, null,
+        h2 = (react_1.default.createElement(react_1.default.Fragment, null,
             ' ',
-            React.createElement(Highlight, null,
+            react_1.default.createElement(common_1.Highlight, null,
                 "'",
                 sec.name,
                 "'"),
             ":",
             ' ',
-            React.createElement(Highlight, null,
+            react_1.default.createElement(common_1.Highlight, null,
                 "'",
                 p.apiKey || '(API KEY)',
                 "'")));
     }
-    const header = !sec ? (React.createElement(React.Fragment, null)) : (React.createElement(React.Fragment, null,
+    const header = !sec ? (react_1.default.createElement(react_1.default.Fragment, null)) : (react_1.default.createElement(react_1.default.Fragment, null,
         "headers: ",
         lb,
-        React.createElement(Lpad, null, joinJsxWithComma([h1, h2])),
+        react_1.default.createElement(Lpad, null, (0, joinJsx_1.joinJsxWithComma)([h1, h2])),
         rb,
         ","));
-    const body = (React.createElement(React.Fragment, null,
+    const body = (react_1.default.createElement(react_1.default.Fragment, null,
         "body: ",
-        React.createElement(Highlight2, null, "JSON"),
+        react_1.default.createElement(common_1.Highlight2, null, "JSON"),
         ".",
-        React.createElement(Highlight, null, "stringify"),
+        react_1.default.createElement(common_1.Highlight, null, "stringify"),
         "(",
         nice,
         ")"));
-    const content = (React.createElement(React.Fragment, null,
+    const content = (react_1.default.createElement(react_1.default.Fragment, null,
         "const requestOptions = ",
         lb,
-        React.createElement(Lpad, null,
+        react_1.default.createElement(Lpad, null,
             "method: ",
-            React.createElement(Highlight, null,
+            react_1.default.createElement(common_1.Highlight, null,
                 "'",
                 ops.verb.toUpperCase(),
                 "'"),
             ",",
-            React.createElement("br", null),
+            react_1.default.createElement("br", null),
             header,
-            React.createElement("br", null),
+            react_1.default.createElement("br", null),
             body,
-            React.createElement("br", null)),
+            react_1.default.createElement("br", null)),
         rb,
         ";"));
     return content;
 };
+exports.getRequestOptions = getRequestOptions;

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

@@ -1,16 +1,23 @@
-import styled from '@emotion/styled';
-import React from 'react';
-import { getFetchCall } from './helpers/call';
-import { getFetchLines } from './helpers/getFetchLines';
-const Base = styled.div `
+"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 `
   white-space: pre;
 `;
-export const Fetch = ({ ops, p, }) => {
-    const { reqContent } = getFetchLines(ops, p);
-    const x = getFetchCall(p, ops);
-    return (React.createElement(Base, null,
+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,
         reqContent,
-        React.createElement("br", null),
-        React.createElement("br", null),
+        react_1.default.createElement("br", null),
+        react_1.default.createElement("br", null),
         x));
 };
+exports.Fetch = Fetch;

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

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

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

@@ -1,8 +1,14 @@
-import React from 'react';
-import { notEmpty } from '../../../../common/helpers/array';
-export const joinJsx = (items, sep) => {
+"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) => {
     const ret = [];
-    items.filter(notEmpty).forEach((i, index) => {
+    items.filter(array_1.notEmpty).forEach((i, index) => {
         ret.push(i);
         if (index !== items.length - 1) {
             for (const s of sep) {
@@ -12,5 +18,8 @@ export const joinJsx = (items, sep) => {
     });
     return ret;
 };
-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" })]);
+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;

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

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

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

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

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

@@ -1,10 +1,16 @@
-import styled from '@emotion/styled';
-import React from 'react';
-const Base = styled.div `
+"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 `
   width: 100%;
   height: 100%;
 `;
-export const PieChart = ({ data, className }) => {
+const PieChart = ({ data, className }) => {
     const total = data.reduce((sum, { value }) => sum + value, 0);
     const width = 500;
     const height = 500;
@@ -12,8 +18,8 @@ export const PieChart = ({ data, className }) => {
     const centerY = height / 2;
     const radius = Math.min(width, height) / 2;
     let cumulativeAngle = 0;
-    return (React.createElement(Base, { className: className },
-        React.createElement("svg", { viewBox: `0 0 ${width} ${height}` }, data.map(({ label, value, color }) => {
+    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);
@@ -26,10 +32,11 @@ export 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.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)));
+            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;