@ssa-ui-kit/widgets 0.0.1-alpha

package/src/components/WaterConsume/WaterConsume.spec.tsx

@@ -0,0 +1,62 @@
+import { screen, within } from '../../../customTest';
+
+import WaterConsume from './index';
+
+const steps = [
+  {
+    title: '600ml',
+    caption: '2pm - 4pm',
+  },
+  {
+    title: '500ml',
+    caption: '11am - 2pm',
+  },
+  {
+    title: '1000ml',
+    caption: '9am - 11am',
+  },
+  {
+    title: '700ml',
+    caption: '6am - 8am',
+  },
+];
+
+const checkListItems = async () => {
+  const listItems = await screen.findAllByRole('listitem');
+
+  for (let i = 0; i < listItems.length; ++i) {
+    const itemEl = listItems[i];
+    within(itemEl).getByText(steps[steps.length - i - 1].title);
+  }
+};
+
+describe('WaterConsume', () => {
+  it('Renders with a custom unit', async () => {
+    render(
+      <WaterConsume
+        minValue={0}
+        maxValue={3}
+        currentValue={2.7}
+        unit={'L'}
+        active={2}
+        steps={steps}
+      />,
+    );
+
+    screen.getByText('0L');
+    screen.getByText('2.7L');
+    screen.getByText('3L');
+
+    await checkListItems();
+  });
+
+  it('Render with the default unit (%)', async () => {
+    render(<WaterConsume currentValue={50} active={1} steps={steps} />);
+
+    screen.getByText('0%');
+    screen.getByText('50%');
+    screen.getByText('100%');
+
+    await checkListItems();
+  });
+});

package/src/components/WaterConsume/WaterConsume.stories.tsx

@@ -0,0 +1,36 @@
+import type { Meta } from '@storybook/react';
+
+import { WaterConsume } from './WaterConsume';
+
+export default {
+  title: 'Widgets/WaterConsume',
+  component: WaterConsume,
+} as Meta<typeof WaterConsume>;
+
+export const Default = {
+  args: {
+    minValue: 0,
+    maxValue: 3,
+    currentValue: 2.7,
+    unit: 'L',
+    active: 3,
+    steps: [
+      {
+        title: '600ml',
+        caption: '2pm - 4pm',
+      },
+      {
+        title: '500ml',
+        caption: '11am - 2pm',
+      },
+      {
+        title: '1000ml',
+        caption: '9am - 11am',
+      },
+      {
+        title: '700ml',
+        caption: '6am - 8am',
+      },
+    ],
+  },
+};

package/src/components/WaterConsume/WaterConsume.tsx

@@ -0,0 +1,188 @@
+import { css, useTheme } from '@emotion/react';
+
+import {
+  Card,
+  CardContent,
+  CardHeader,
+  Stepper,
+  Step,
+  StepLabel,
+  Typography,
+  ResponsiveImage,
+  ProgressBar,
+  ProgressLegend,
+  ProgressLegendItem,
+  ProgressVertical,
+} from '@ssa-ui-kit/core';
+
+import { WaterConsumeProps } from './types';
+
+const CustomConnector = ({
+  active,
+  completed,
+}: {
+  active?: boolean;
+  completed?: boolean;
+}) => {
+  const theme = useTheme();
+  return (
+    <div
+      css={css`
+        flex: 1 1 auto;
+        margin-left: 11.5px;
+      `}>
+      <span
+        css={css`
+          display: block;
+          border-color: ${active || completed
+            ? theme.colors.blueLightLighter
+            : theme.colors.greyDarker60};
+          border-left-style: dashed;
+          border-left-width: 1px;
+          min-height: 20px;
+        `}></span>
+    </div>
+  );
+};
+
+const CustomStep: React.FC = (props: {
+  active?: boolean;
+  completed?: boolean;
+}) => {
+  const { active, completed } = props;
+  const theme = useTheme();
+
+  return (
+    <div
+      css={css`
+        width: 6px;
+        height: 6px;
+        background-color: ${active || completed
+          ? theme.colors.blueLightLighter
+          : theme.colors.greyDarker60};
+        border-radius: 50%;
+      `}></div>
+  );
+};
+
+/**
+ *
+ * UI Component shows the water consumption objective of the user
+ * @param steps - the order goes from top to bottom, from left to right
+ */
+export const WaterConsume = ({
+  minValue = 0,
+  maxValue = 100,
+  currentValue,
+  active,
+  steps,
+  unit = '%',
+}: WaterConsumeProps) => {
+  const theme = useTheme();
+  const currentPercentage = Math.round((currentValue * 100) / maxValue);
+
+  return (
+    <Card
+      css={css`
+        box-shadow: 0 10px 40px rgba(42, 48, 57, 0.08);
+        border-radius: 20px;
+      `}>
+      <CardHeader
+        icon={
+          <ResponsiveImage
+            css={{ filter: `drop-shadow(0px 5px 5px ${theme.colors.grey})` }}
+            srcSet="https://firebasestorage.googleapis.com/v0/b/admin-themes.appspot.com/o/img%2Fwater%2Fwater_64.png?alt=media&token=2abf9f9c-2159-4235-856c-f054783a007d 64w, https://firebasestorage.googleapis.com/v0/b/admin-themes.appspot.com/o/img%2Fwater%2Fwater_48.png?alt=media&token=abc1e619-940a-4fc0-9f83-ef0a998464f2 48w"
+            sizes="(min-width: 1440px) 64px, 48px"
+            src="https://firebasestorage.googleapis.com/v0/b/admin-themes.appspot.com/o/img%2Fwater%2Fwater_48.png?alt=media&token=abc1e619-940a-4fc0-9f83-ef0a998464f2"
+            alt="Water"
+          />
+        }>
+        <Typography variant="h6" weight="bold">
+          Water
+        </Typography>
+      </CardHeader>
+
+      <CardContent
+        css={{
+          width: '100%',
+          justifyContent: 'center',
+          alignItems: 'stretch',
+        }}>
+        <div style={{ fontSize: 14, marginRight: '15px' }}>
+          <ProgressVertical>
+            <ProgressLegend>
+              <ProgressLegendItem position="end" percentage={100}>
+                <span
+                  style={{
+                    textAlign: 'right',
+                    display: 'block',
+                    paddingRight: 6,
+                  }}>
+                  {`${maxValue}${unit}`}
+                </span>
+              </ProgressLegendItem>
+              <ProgressLegendItem
+                position="current"
+                percentage={currentPercentage}>
+                <span
+                  style={{
+                    textAlign: 'right',
+                    display: 'block',
+                    paddingRight: 6,
+                  }}>
+                  {`${currentValue}${unit}`}
+                </span>
+              </ProgressLegendItem>
+              <ProgressLegendItem position="start" percentage={0}>
+                <span
+                  style={{
+                    textAlign: 'right',
+                    display: 'block',
+                    paddingRight: 6,
+                  }}>
+                  {`${minValue}${unit}`}
+                </span>
+              </ProgressLegendItem>
+            </ProgressLegend>
+            <ProgressBar percentage={currentPercentage} color="blueLight" />
+          </ProgressVertical>
+        </div>
+
+        <Stepper
+          color={theme.colors.blueLight}
+          activeStep={active}
+          orientation={'vertical'}
+          inverted
+          sx={{
+            rowGap: 0,
+          }}>
+          {steps.map((step, index) => {
+            return (
+              <Step key={index} Connector={CustomConnector}>
+                <StepLabel StepIcon={CustomStep}>
+                  <span
+                    style={{
+                      textAlign: 'left',
+                      display: 'block',
+                      fontSize: 9,
+                    }}>
+                    {step.caption}
+                  </span>
+                  <span
+                    style={{
+                      textAlign: 'left',
+                      display: 'block',
+                      fontSize: 9,
+                      fontWeight: 700,
+                    }}>
+                    {step.title}
+                  </span>
+                </StepLabel>
+              </Step>
+            );
+          })}
+        </Stepper>
+      </CardContent>
+    </Card>
+  );
+};

package/src/components/WaterConsume/index.ts

@@ -0,0 +1,2 @@
+export { WaterConsume as default } from './WaterConsume';
+export * from './types';

package/src/components/WaterConsume/types.ts

@@ -0,0 +1,11 @@
+export interface WaterConsumeProps {
+  minValue?: number;
+  maxValue?: number;
+  unit?: string;
+  active: number;
+  currentValue: number;
+  steps: {
+    title: string;
+    caption: string;
+  }[];
+}

package/src/consts.ts

@@ -0,0 +1,18 @@
+export const SCREEN_SIZES = {
+  390: {
+    width: 390,
+    height: 844,
+  },
+  900: {
+    width: 900,
+    height: 1200,
+  },
+  1440: {
+    width: 1440,
+    height: 900,
+  },
+  1920: {
+    width: 1920,
+    height: 1080,
+  },
+};

package/src/index.ts

@@ -0,0 +1,50 @@
+/* eslint-disable @typescript-eslint/no-empty-interface */
+import './injectGlobal';
+import '@emotion/react';
+
+import { Theme as T } from '@ssa-ui-kit/core';
+
+declare module '@emotion/react' {
+  export interface Theme extends T {}
+}
+
+export { default as Activity } from './components/Activity';
+export * from './components/Activity';
+export { default as Calories } from './components/Calories';
+export * from './components/Calories';
+export * from './components/HeartRate';
+export * from './components/MealNutrients';
+export { default as NavBar } from './components/NavBar';
+export * from './components/NavBar';
+export { default as ProgressInfo } from './components/ProgressInfo';
+export * from './components/ProgressInfo';
+export { default as UpcomingWorkouts } from './components/UpcomingWorkouts';
+export * from './components/UpcomingWorkouts';
+export { default as WaterConsume } from './components/WaterConsume';
+export * from './components/WaterConsume';
+export { default as Bmi } from './components/Bmi';
+export * from './components/Bmi';
+export { default as CardList } from './components/CardList';
+export * from './components/CardList';
+export { default as ListGoals } from './components/ListGoals';
+export * from './components/ListGoals';
+export { default as MealPlanner } from './components/MealPlanner';
+export * from './components/MealPlanner';
+export { default as StepsCounter } from './components/StepsCounter';
+export * from './components/StepsCounter';
+export { default as UserCard } from './components/UserCard';
+export * from './components/UserCard';
+export * from './components/Pagination';
+export * from './components/TradingInfoCard';
+export * from './components/TradingScoreboard';
+export * from './components/NotificationCard';
+export * from './components/LinksTabBar';
+export * from './components/NotificationMenu';
+export * from './components/SearchBox';
+export * from './components/UserProfile';
+export * from './components/BotsTable';
+export * from './components/AddNewAccountCard';
+export * from './components/PieChart';
+export * from './components/AccountBalance';
+export * from './components/ExchangeAccount';
+export * from './components/ExchangeAccountKeys';

package/src/injectGlobal.ts

@@ -0,0 +1,41 @@
+import { injectGlobal } from '@emotion/css';
+
+injectGlobal`
+  * {
+    outline: none;
+
+    box-sizing: border-box;
+    font-family: 'Manrope', sans-serif;
+
+    &::after,
+    &::before {
+      box-sizing: border-box;
+    }
+  } 
+
+  html {
+    font-size: 1rem;
+    font-weight: 400;
+  }
+
+  body {
+    margin: 0;
+    padding: 0;
+  }
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6,
+  p {
+    margin: 0;
+    padding: 0;
+  }
+
+  #root {
+    height: 100vh;
+  }
+  
+`;

package/storybook-static/0.19f2e251.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_ssa_ui_kit_widgets=self.webpackChunk_ssa_ui_kit_widgets||[]).push([[0],{"../../node_modules/.pnpm/@emotion+styled@11.11.0_@emotion+react@11.11.1_@types+react@18.2.8_react@18.2.0/node_modules/@emotion/styled/base/dist/emotion-styled-base.browser.esm.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{Z:function(){return createStyled}});var esm_extends=__webpack_require__("../../node_modules/.pnpm/@babel+runtime@7.22.6/node_modules/@babel/runtime/helpers/esm/extends.js"),react=__webpack_require__("../../node_modules/.pnpm/react@18.2.0/node_modules/react/index.js"),emotion_memoize_esm=__webpack_require__("../../node_modules/.pnpm/@emotion+memoize@0.8.1/node_modules/@emotion/memoize/dist/emotion-memoize.esm.js"),reactPropsRegex=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,isPropValid=(0,emotion_memoize_esm.Z)((function(prop){return reactPropsRegex.test(prop)||111===prop.charCodeAt(0)&&110===prop.charCodeAt(1)&&prop.charCodeAt(2)<91})),emotion_element_c39617d8_browser_esm=__webpack_require__("../../node_modules/.pnpm/@emotion+react@11.11.1_@types+react@18.2.8_react@18.2.0/node_modules/@emotion/react/dist/emotion-element-c39617d8.browser.esm.js"),emotion_utils_browser_esm=__webpack_require__("../../node_modules/.pnpm/@emotion+utils@1.2.1/node_modules/@emotion/utils/dist/emotion-utils.browser.esm.js"),emotion_serialize_browser_esm=__webpack_require__("../../node_modules/.pnpm/@emotion+serialize@1.1.2/node_modules/@emotion/serialize/dist/emotion-serialize.browser.esm.js"),emotion_use_insertion_effect_with_fallbacks_browser_esm=__webpack_require__("../../node_modules/.pnpm/@emotion+use-insertion-effect-with-fallbacks@1.0.1_react@18.2.0/node_modules/@emotion/use-insertion-effect-with-fallbacks/dist/emotion-use-insertion-effect-with-fallbacks.browser.esm.js"),testOmitPropsOnStringTag=isPropValid,testOmitPropsOnComponent=function testOmitPropsOnComponent(key){return"theme"!==key},getDefaultShouldForwardProp=function getDefaultShouldForwardProp(tag){return"string"==typeof tag&&tag.charCodeAt(0)>96?testOmitPropsOnStringTag:testOmitPropsOnComponent},composeShouldForwardProps=function composeShouldForwardProps(tag,options,isReal){var shouldForwardProp;if(options){var optionsShouldForwardProp=options.shouldForwardProp;shouldForwardProp=tag.__emotion_forwardProp&&optionsShouldForwardProp?function(propName){return tag.__emotion_forwardProp(propName)&&optionsShouldForwardProp(propName)}:optionsShouldForwardProp}return"function"!=typeof shouldForwardProp&&isReal&&(shouldForwardProp=tag.__emotion_forwardProp),shouldForwardProp},Insertion=function Insertion(_ref){var cache=_ref.cache,serialized=_ref.serialized,isStringTag=_ref.isStringTag;return(0,emotion_utils_browser_esm.hC)(cache,serialized,isStringTag),(0,emotion_use_insertion_effect_with_fallbacks_browser_esm.L)((function(){return(0,emotion_utils_browser_esm.My)(cache,serialized,isStringTag)})),null},createStyled=function createStyled(tag,options){var identifierName,targetClassName,isReal=tag.__emotion_real===tag,baseTag=isReal&&tag.__emotion_base||tag;void 0!==options&&(identifierName=options.label,targetClassName=options.target);var shouldForwardProp=composeShouldForwardProps(tag,options,isReal),defaultShouldForwardProp=shouldForwardProp||getDefaultShouldForwardProp(baseTag),shouldUseAs=!defaultShouldForwardProp("as");return function(){var args=arguments,styles=isReal&&void 0!==tag.__emotion_styles?tag.__emotion_styles.slice(0):[];if(void 0!==identifierName&&styles.push("label:"+identifierName+";"),null==args[0]||void 0===args[0].raw)styles.push.apply(styles,args);else{0,styles.push(args[0][0]);for(var len=args.length,i=1;i<len;i++)styles.push(args[i],args[0][i])}var Styled=(0,emotion_element_c39617d8_browser_esm.w)((function(props,cache,ref){var FinalTag=shouldUseAs&&props.as||baseTag,className="",classInterpolations=[],mergedProps=props;if(null==props.theme){for(var key in mergedProps={},props)mergedProps[key]=props[key];mergedProps.theme=react.useContext(emotion_element_c39617d8_browser_esm.T)}"string"==typeof props.className?className=(0,emotion_utils_browser_esm.fp)(cache.registered,classInterpolations,props.className):null!=props.className&&(className=props.className+" ");var serialized=(0,emotion_serialize_browser_esm.O)(styles.concat(classInterpolations),cache.registered,mergedProps);className+=cache.key+"-"+serialized.name,void 0!==targetClassName&&(className+=" "+targetClassName);var finalShouldForwardProp=shouldUseAs&&void 0===shouldForwardProp?getDefaultShouldForwardProp(FinalTag):defaultShouldForwardProp,newProps={};for(var _key in props)shouldUseAs&&"as"===_key||finalShouldForwardProp(_key)&&(newProps[_key]=props[_key]);return newProps.className=className,newProps.ref=ref,react.createElement(react.Fragment,null,react.createElement(Insertion,{cache:cache,serialized:serialized,isStringTag:"string"==typeof FinalTag}),react.createElement(FinalTag,newProps))}));return Styled.displayName=void 0!==identifierName?identifierName:"Styled("+("string"==typeof baseTag?baseTag:baseTag.displayName||baseTag.name||"Component")+")",Styled.defaultProps=tag.defaultProps,Styled.__emotion_real=Styled,Styled.__emotion_base=baseTag,Styled.__emotion_styles=styles,Styled.__emotion_forwardProp=shouldForwardProp,Object.defineProperty(Styled,"toString",{value:function value(){return"."+targetClassName}}),Styled.withComponent=function(nextTag,nextOptions){return createStyled(nextTag,(0,esm_extends.Z)({},options,nextOptions,{shouldForwardProp:composeShouldForwardProps(Styled,nextOptions,!0)})).apply(void 0,styles)},Styled}}},"../../node_modules/.pnpm/@nivo+pie@0.80.0_@nivo+core@0.80.0_prop-types@15.8.1_react-dom@18.2.0_react@18.2.0/node_modules/@nivo/pie/dist/nivo-pie.es.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{Y2:function(){return nivo_pie_es_$}});var react=__webpack_require__("../../node_modules/.pnpm/react@18.2.0/node_modules/react/index.js"),nivo_core_es=__webpack_require__("../../node_modules/.pnpm/@nivo+core@0.80.0_@nivo+tooltip@0.80.0_prop-types@15.8.1_react-dom@18.2.0_react@18.2.0/node_modules/@nivo/core/dist/nivo-core.es.js"),react_spring_web_esm=__webpack_require__("../../node_modules/.pnpm/@react-spring+web@9.4.5_react-dom@18.2.0_react@18.2.0/node_modules/@react-spring/web/dist/react-spring-web.esm.js"),jsx_runtime=__webpack_require__("../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js"),nivo_colors_es=__webpack_require__("../../node_modules/.pnpm/@nivo+colors@0.80.0_@nivo+core@0.80.0_prop-types@15.8.1_react@18.2.0/node_modules/@nivo/colors/dist/nivo-colors.es.js"),line=__webpack_require__("../../node_modules/.pnpm/d3-shape@1.3.7/node_modules/d3-shape/src/line.js"),path=__webpack_require__("../../node_modules/.pnpm/d3-path@1.0.9/node_modules/d3-path/src/path.js"),constant=__webpack_require__("../../node_modules/.pnpm/d3-shape@1.3.7/node_modules/d3-shape/src/constant.js"),math=__webpack_require__("../../node_modules/.pnpm/d3-shape@1.3.7/node_modules/d3-shape/src/math.js");function arcInnerRadius(d){return d.innerRadius}function arcOuterRadius(d){return d.outerRadius}function arcStartAngle(d){return d.startAngle}function arcEndAngle(d){return d.endAngle}function arcPadAngle(d){return d&&d.padAngle}function cornerTangents(x0,y0,x1,y1,r1,rc,cw){var x01=x0-x1,y01=y0-y1,lo=(cw?rc:-rc)/(0,math._b)(x01*x01+y01*y01),ox=lo*y01,oy=-lo*x01,x11=x0+ox,y11=y0+oy,x10=x1+ox,y10=y1+oy,x00=(x11+x10)/2,y00=(y11+y10)/2,dx=x10-x11,dy=y10-y11,d2=dx*dx+dy*dy,r=r1-rc,D=x11*y10-x10*y11,d=(dy<0?-1:1)*(0,math._b)((0,math.Fp)(0,r*r*d2-D*D)),cx0=(D*dy-dx*d)/d2,cy0=(-D*dx-dy*d)/d2,cx1=(D*dy+dx*d)/d2,cy1=(-D*dx+dy*d)/d2,dx0=cx0-x00,dy0=cy0-y00,dx1=cx1-x00,dy1=cy1-y00;return dx0*dx0+dy0*dy0>dx1*dx1+dy1*dy1&&(cx0=cx1,cy0=cy1),{cx:cx0,cy:cy0,x01:-ox,y01:-oy,x11:cx0*(r1/r-1),y11:cy0*(r1/r-1)}}function arc(){var innerRadius=arcInnerRadius,outerRadius=arcOuterRadius,cornerRadius=(0,constant.Z)(0),padRadius=null,startAngle=arcStartAngle,endAngle=arcEndAngle,padAngle=arcPadAngle,context=null;function arc(){var buffer,r,r0=+innerRadius.apply(this,arguments),r1=+outerRadius.apply(this,arguments),a0=startAngle.apply(this,arguments)-math.ou,a1=endAngle.apply(this,arguments)-math.ou,da=(0,math.Wn)(a1-a0),cw=a1>a0;if(context||(context=buffer=(0,path.Z)()),r1<r0&&(r=r1,r1=r0,r0=r),r1>math.Ho)if(da>math.BZ-math.Ho)context.moveTo(r1*(0,math.mC)(a0),r1*(0,math.O$)(a0)),context.arc(0,0,r1,a0,a1,!cw),r0>math.Ho&&(context.moveTo(r0*(0,math.mC)(a1),r0*(0,math.O$)(a1)),context.arc(0,0,r0,a1,a0,cw));else{var t0,t1,a01=a0,a11=a1,a00=a0,a10=a1,da0=da,da1=da,ap=padAngle.apply(this,arguments)/2,rp=ap>math.Ho&&(padRadius?+padRadius.apply(this,arguments):(0,math._b)(r0*r0+r1*r1)),rc=(0,math.VV)((0,math.Wn)(r1-r0)/2,+cornerRadius.apply(this,arguments)),rc0=rc,rc1=rc;if(rp>math.Ho){var p0=(0,math.ZR)(rp/r0*(0,math.O$)(ap)),p1=(0,math.ZR)(rp/r1*(0,math.O$)(ap));(da0-=2*p0)>math.Ho?(a00+=p0*=cw?1:-1,a10-=p0):(da0=0,a00=a10=(a0+a1)/2),(da1-=2*p1)>math.Ho?(a01+=p1*=cw?1:-1,a11-=p1):(da1=0,a01=a11=(a0+a1)/2)}var x01=r1*(0,math.mC)(a01),y01=r1*(0,math.O$)(a01),x10=r0*(0,math.mC)(a10),y10=r0*(0,math.O$)(a10);if(rc>math.Ho){var oc,x11=r1*(0,math.mC)(a11),y11=r1*(0,math.O$)(a11),x00=r0*(0,math.mC)(a00),y00=r0*(0,math.O$)(a00);if(da<math.pi&&(oc=function intersect(x0,y0,x1,y1,x2,y2,x3,y3){var x10=x1-x0,y10=y1-y0,x32=x3-x2,y32=y3-y2,t=y32*x10-x32*y10;if(!(t*t<math.Ho))return[x0+(t=(x32*(y0-y2)-y32*(x0-x2))/t)*x10,y0+t*y10]}(x01,y01,x00,y00,x11,y11,x10,y10))){var ax=x01-oc[0],ay=y01-oc[1],bx=x11-oc[0],by=y11-oc[1],kc=1/(0,math.O$)((0,math.Kh)((ax*bx+ay*by)/((0,math._b)(ax*ax+ay*ay)*(0,math._b)(bx*bx+by*by)))/2),lc=(0,math._b)(oc[0]*oc[0]+oc[1]*oc[1]);rc0=(0,math.VV)(rc,(r0-lc)/(kc-1)),rc1=(0,math.VV)(rc,(r1-lc)/(kc+1))}}da1>math.Ho?rc1>math.Ho?(t0=cornerTangents(x00,y00,x01,y01,r1,rc1,cw),t1=cornerTangents(x11,y11,x10,y10,r1,rc1,cw),context.moveTo(t0.cx+t0.x01,t0.cy+t0.y01),rc1<rc?context.arc(t0.cx,t0.cy,rc1,(0,math.fv)(t0.y01,t0.x01),(0,math.fv)(t1.y01,t1.x01),!cw):(context.arc(t0.cx,t0.cy,rc1,(0,math.fv)(t0.y01,t0.x01),(0,math.fv)(t0.y11,t0.x11),!cw),context.arc(0,0,r1,(0,math.fv)(t0.cy+t0.y11,t0.cx+t0.x11),(0,math.fv)(t1.cy+t1.y11,t1.cx+t1.x11),!cw),context.arc(t1.cx,t1.cy,rc1,(0,math.fv)(t1.y11,t1.x11),(0,math.fv)(t1.y01,t1.x01),!cw))):(context.moveTo(x01,y01),context.arc(0,0,r1,a01,a11,!cw)):context.moveTo(x01,y01),r0>math.Ho&&da0>math.Ho?rc0>math.Ho?(t0=cornerTangents(x10,y10,x11,y11,r0,-rc0,cw),t1=cornerTangents(x01,y01,x00,y00,r0,-rc0,cw),context.lineTo(t0.cx+t0.x01,t0.cy+t0.y01),rc0<rc?context.arc(t0.cx,t0.cy,rc0,(0,math.fv)(t0.y01,t0.x01),(0,math.fv)(t1.y01,t1.x01),!cw):(context.arc(t0.cx,t0.cy,rc0,(0,math.fv)(t0.y01,t0.x01),(0,math.fv)(t0.y11,t0.x11),!cw),context.arc(0,0,r0,(0,math.fv)(t0.cy+t0.y11,t0.cx+t0.x11),(0,math.fv)(t1.cy+t1.y11,t1.cx+t1.x11),cw),context.arc(t1.cx,t1.cy,rc0,(0,math.fv)(t1.y11,t1.x11),(0,math.fv)(t1.y01,t1.x01),!cw))):context.arc(0,0,r0,a10,a00,cw):context.lineTo(x10,y10)}else context.moveTo(0,0);if(context.closePath(),buffer)return context=null,buffer+""||null}return arc.centroid=function(){var r=(+innerRadius.apply(this,arguments)+ +outerRadius.apply(this,arguments))/2,a=(+startAngle.apply(this,arguments)+ +endAngle.apply(this,arguments))/2-math.pi/2;return[(0,math.mC)(a)*r,(0,math.O$)(a)*r]},arc.innerRadius=function(_){return arguments.length?(innerRadius="function"==typeof _?_:(0,constant.Z)(+_),arc):innerRadius},arc.outerRadius=function(_){return arguments.length?(outerRadius="function"==typeof _?_:(0,constant.Z)(+_),arc):outerRadius},arc.cornerRadius=function(_){return arguments.length?(cornerRadius="function"==typeof _?_:(0,constant.Z)(+_),arc):cornerRadius},arc.padRadius=function(_){return arguments.length?(padRadius=null==_?null:"function"==typeof _?_:(0,constant.Z)(+_),arc):padRadius},arc.startAngle=function(_){return arguments.length?(startAngle="function"==typeof _?_:(0,constant.Z)(+_),arc):startAngle},arc.endAngle=function(_){return arguments.length?(endAngle="function"==typeof _?_:(0,constant.Z)(+_),arc):endAngle},arc.padAngle=function(_){return arguments.length?(padAngle="function"==typeof _?_:(0,constant.Z)(+_),arc):padAngle},arc.context=function(_){return arguments.length?(context=null==_?null:_,arc):context},arc}function nivo_arcs_es_M(){return nivo_arcs_es_M=Object.assign||function(t){for(var n=1;n<arguments.length;n++){var e=arguments[n];for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r])}return t},nivo_arcs_es_M.apply(this,arguments)}var k={pointerEvents:"none"},nivo_arcs_es_C=function(n){var e=n.label,r=n.style,a=(0,nivo_core_es.Fg)();return(0,jsx_runtime.jsx)(react_spring_web_esm.animated.g,{transform:r.transform,opacity:r.progress,style:k,children:(0,jsx_runtime.jsx)(react_spring_web_esm.animated.text,{textAnchor:"middle",dominantBaseline:"central",style:nivo_arcs_es_M({},a.labels.text,{fill:r.textColor}),children:e})})},nivo_arcs_es_b=function(t){var n=t%(2*Math.PI);return n<0&&(n+=2*Math.PI),n},nivo_arcs_es_L=function(t,n){return t.filter((function(t){return Math.abs((0,nivo_core_es.vi)(t.arc.endAngle-t.arc.startAngle))>=n}))},nivo_arcs_es_E={startAngle:{enter:function(t){return nivo_arcs_es_M({},t,{endAngle:t.startAngle})},update:function(t){return t},leave:function(t){return nivo_arcs_es_M({},t,{startAngle:t.endAngle})}},middleAngle:{enter:function(t){var n=t.startAngle+(t.endAngle-t.startAngle)/2;return nivo_arcs_es_M({},t,{startAngle:n,endAngle:n})},update:function(t){return t},leave:function(t){var n=t.startAngle+(t.endAngle-t.startAngle)/2;return nivo_arcs_es_M({},t,{startAngle:n,endAngle:n})}},endAngle:{enter:function(t){return nivo_arcs_es_M({},t,{startAngle:t.endAngle})},update:function(t){return t},leave:function(t){return nivo_arcs_es_M({},t,{endAngle:t.startAngle})}},innerRadius:{enter:function(t){return nivo_arcs_es_M({},t,{outerRadius:t.innerRadius})},update:function(t){return t},leave:function(t){return nivo_arcs_es_M({},t,{innerRadius:t.outerRadius})}},centerRadius:{enter:function(t){var n=t.innerRadius+(t.outerRadius-t.innerRadius)/2;return nivo_arcs_es_M({},t,{innerRadius:n,outerRadius:n})},update:function(t){return t},leave:function(t){var n=t.innerRadius+(t.outerRadius-t.innerRadius)/2;return nivo_arcs_es_M({},t,{innerRadius:n,outerRadius:n})}},outerRadius:{enter:function(t){return nivo_arcs_es_M({},t,{innerRadius:t.outerRadius})},update:function(t){return t},leave:function(t){return nivo_arcs_es_M({},t,{outerRadius:t.innerRadius})}},pushIn:{enter:function(t){return nivo_arcs_es_M({},t,{innerRadius:t.innerRadius-t.outerRadius+t.innerRadius,outerRadius:t.innerRadius})},update:function(t){return t},leave:function(t){return nivo_arcs_es_M({},t,{innerRadius:t.outerRadius,outerRadius:t.outerRadius+t.outerRadius-t.innerRadius})}},pushOut:{enter:function(t){return nivo_arcs_es_M({},t,{innerRadius:t.outerRadius,outerRadius:t.outerRadius+t.outerRadius-t.innerRadius})},update:function(t){return t},leave:function(t){return nivo_arcs_es_M({},t,{innerRadius:t.innerRadius-t.outerRadius+t.innerRadius,outerRadius:t.innerRadius})}}},nivo_arcs_es_I=function(t,n){return(0,react.useMemo)((function(){var e=nivo_arcs_es_E[t];return{enter:function(t){return nivo_arcs_es_M({progress:0},e.enter(t.arc),n?n.enter(t):{})},update:function(t){return nivo_arcs_es_M({progress:1},e.update(t.arc),n?n.update(t):{})},leave:function(t){return nivo_arcs_es_M({progress:0},e.leave(t.arc),n?n.leave(t):{})}}}),[t,n])},T=function(t,n){var e=(0,nivo_core_es.Vp)(t)-Math.PI/2,r=t.innerRadius+(t.outerRadius-t.innerRadius)*n;return(0,nivo_core_es.re)(e,r)},j=function(t){return function(e,r,i,a){return(0,react_spring_web_esm.to)([e,r,i,a],(function(n,e,r,i){var a=T({startAngle:n,endAngle:e,innerRadius:r,outerRadius:i},t);return"translate("+a.x+","+a.y+")"}))}},nivo_arcs_es_B=function(t){var n=t.center,e=t.data,r=t.transitionMode,o=t.label,u=t.radiusOffset,l=t.skipAngle,s=t.textColor,f=t.component,c=void 0===f?nivo_arcs_es_C:f,g=(0,nivo_core_es.LR)(o),h=(0,nivo_core_es.Fg)(),x=(0,nivo_colors_es.Bf)(s,h),m=(0,react.useMemo)((function(){return e.filter((function(t){return Math.abs((0,nivo_core_es.vi)(t.arc.endAngle-t.arc.startAngle))>=l}))}),[e,l]),y=function(t,n,r,i){void 0===n&&(n=.5),void 0===r&&(r="innerRadius");var a=(0,nivo_core_es.tf)(),o=a.animate,u=a.config,l=nivo_arcs_es_I(r,i);return{transition:(0,react_spring_web_esm.useTransition)(t,{keys:function(t){return t.id},initial:l.update,from:l.enter,enter:l.update,update:l.update,leave:l.leave,config:u,immediate:!o}),interpolate:j(n)}}(m,u,r),k=y.transition,b=y.interpolate,L=c;return(0,jsx_runtime.jsx)("g",{transform:"translate("+n[0]+","+n[1]+")",children:k((function(t,n){return(0,react.createElement)(L,{key:n.id,datum:n,label:g(n),style:nivo_arcs_es_M({},t,{transform:b(t.startAngle,t.endAngle,t.innerRadius,t.outerRadius),textColor:x(n)})})}))})},G=function(n){var e=n.label,r=n.style,a=(0,nivo_core_es.Fg)();return(0,jsx_runtime.jsxs)(react_spring_web_esm.animated.g,{opacity:r.opacity,children:[(0,jsx_runtime.jsx)(react_spring_web_esm.animated.path,{fill:"none",stroke:r.linkColor,strokeWidth:r.thickness,d:r.path}),(0,jsx_runtime.jsx)(react_spring_web_esm.animated.text,{transform:r.textPosition,textAnchor:r.textAnchor,dominantBaseline:"central",style:nivo_arcs_es_M({},a.labels.text,{fill:r.textColor}),children:e})]})},D=function(t,n,e,r){var i,a,u=nivo_arcs_es_b(t.startAngle+(t.endAngle-t.startAngle)/2-Math.PI/2),l=(0,nivo_core_es.re)(u,t.outerRadius+n),s=(0,nivo_core_es.re)(u,t.outerRadius+n+e);return u<Math.PI/2||u>1.5*Math.PI?(i="after",a={x:s.x+r,y:s.y}):(i="before",a={x:s.x-r,y:s.y}),{side:i,points:[l,s,a]}},H=(0,line.Z)().x((function(t){return t.x})).y((function(t){return t.y})),J=function(t,e,r,i,a,o,u){return(0,react_spring_web_esm.to)([t,e,r,i,a,o,u],(function(t,n,e,r,i,a,o){var u=D({startAngle:t,endAngle:n,innerRadius:e,outerRadius:r},i,a,o).points;return H(u)}))},K=function(t,e,r,i){return(0,react_spring_web_esm.to)([t,e,r,i],(function(t,n,e,r){return function(t){var n=nivo_arcs_es_b(t.startAngle+(t.endAngle-t.startAngle)/2-Math.PI/2);return n<Math.PI/2||n>1.5*Math.PI?"start":"end"}({startAngle:t,endAngle:n,innerRadius:e,outerRadius:r})}))},N=function(t,e,r,i,a,o,u,l){return(0,react_spring_web_esm.to)([t,e,r,i,a,o,u,l],(function(t,n,e,r,i,a,o,u){var l=D({startAngle:t,endAngle:n,innerRadius:e,outerRadius:r},i,a,o),s=l.points,d=l.side,f=s[2];return"before"===d?f.x-=u:f.x+=u,"translate("+f.x+","+f.y+")"}))},nivo_arcs_es_U=function(t){var n=t.center,e=t.data,r=t.label,i=t.skipAngle,a=t.offset,o=t.diagonalLength,u=t.straightLength,l=t.strokeWidth,s=t.textOffset,f=t.textColor,c=t.linkColor,g=t.component,h=void 0===g?G:g,v=(0,nivo_core_es.LR)(r),x=function(t){var n=t.data,r=t.offset,a=void 0===r?0:r,o=t.diagonalLength,u=t.straightLength,l=t.skipAngle,d=void 0===l?0:l,f=t.textOffset,c=t.linkColor,g=t.textColor,p=(0,nivo_core_es.tf)(),h=p.animate,A=p.config,x=(0,nivo_core_es.Fg)(),m=(0,nivo_colors_es.Bf)(c,x),y=(0,nivo_colors_es.Bf)(g,x),M=function(t,n){return(0,react.useMemo)((function(){return nivo_arcs_es_L(t,n)}),[t,n])}(n,d),k=function(t){var n=t.offset,e=t.diagonalLength,r=t.straightLength,i=t.textOffset,a=t.getLinkColor,o=t.getTextColor;return(0,react.useMemo)((function(){return{enter:function(t){return{startAngle:t.arc.startAngle,endAngle:t.arc.endAngle,innerRadius:t.arc.innerRadius,outerRadius:t.arc.outerRadius,offset:n,diagonalLength:0,straightLength:0,textOffset:i,linkColor:a(t),textColor:o(t),opacity:0}},update:function(t){return{startAngle:t.arc.startAngle,endAngle:t.arc.endAngle,innerRadius:t.arc.innerRadius,outerRadius:t.arc.outerRadius,offset:n,diagonalLength:e,straightLength:r,textOffset:i,linkColor:a(t),textColor:o(t),opacity:1}},leave:function(t){return{startAngle:t.arc.startAngle,endAngle:t.arc.endAngle,innerRadius:t.arc.innerRadius,outerRadius:t.arc.outerRadius,offset:n,diagonalLength:0,straightLength:0,textOffset:i,linkColor:a(t),textColor:o(t),opacity:0}}}}),[e,r,i,a,o])}({offset:a,diagonalLength:o,straightLength:u,textOffset:f,getLinkColor:m,getTextColor:y});return{transition:(0,react_spring_web_esm.useTransition)(M,{keys:function(t){return t.id},initial:k.update,from:k.enter,enter:k.update,update:k.update,leave:k.leave,config:A,immediate:!h}),interpolateLink:J,interpolateTextAnchor:K,interpolateTextPosition:N}}({data:e,skipAngle:i,offset:a,diagonalLength:o,straightLength:u,textOffset:s,linkColor:c,textColor:f}),R=x.transition,m=x.interpolateLink,y=x.interpolateTextAnchor,k=x.interpolateTextPosition,C=h;return(0,jsx_runtime.jsx)("g",{transform:"translate("+n[0]+","+n[1]+")",children:R((function(t,n){return(0,react.createElement)(C,{key:n.id,datum:n,label:v(n),style:nivo_arcs_es_M({},t,{thickness:l,path:m(t.startAngle,t.endAngle,t.innerRadius,t.outerRadius,t.offset,t.diagonalLength,t.straightLength),textAnchor:y(t.startAngle,t.endAngle,t.innerRadius,t.outerRadius),textPosition:k(t.startAngle,t.endAngle,t.innerRadius,t.outerRadius,t.offset,t.diagonalLength,t.straightLength,t.textOffset)})})}))})},tt=function(n){var e=n.datum,r=n.style,i=n.onClick,a=n.onMouseEnter,o=n.onMouseMove,u=n.onMouseLeave,l=(0,react.useCallback)((function(t){return null==i?void 0:i(e,t)}),[i,e]),s=(0,react.useCallback)((function(t){return null==a?void 0:a(e,t)}),[a,e]),d=(0,react.useCallback)((function(t){return null==o?void 0:o(e,t)}),[o,e]),f=(0,react.useCallback)((function(t){return null==u?void 0:u(e,t)}),[u,e]);return(0,jsx_runtime.jsx)(react_spring_web_esm.animated.path,{d:r.path,opacity:r.opacity,fill:e.fill||r.color,stroke:r.borderColor,strokeWidth:r.borderWidth,onClick:i?l:void 0,onMouseEnter:a?s:void 0,onMouseMove:o?d:void 0,onMouseLeave:u?f:void 0})},nt=function(t,e,r,i,a){return(0,react_spring_web_esm.to)([t,e,r,i],(function(t,n,e,r){return a({startAngle:t,endAngle:n,innerRadius:Math.max(0,e),outerRadius:Math.max(0,r)})}))},rt=function(t){var n=t.center,e=t.data,r=t.arcGenerator,a=t.borderWidth,o=t.borderColor,u=t.onClick,l=t.onMouseEnter,s=t.onMouseMove,d=t.onMouseLeave,f=t.transitionMode,c=t.component,g=void 0===c?tt:c,h=(0,nivo_core_es.Fg)(),v=(0,nivo_colors_es.Bf)(o,h),x=function(t,n,r){void 0===n&&(n="innerRadius");var i=(0,nivo_core_es.tf)(),a=i.animate,o=i.config,u=nivo_arcs_es_I(n,r);return{transition:(0,react_spring_web_esm.useTransition)(t,{keys:function(t){return t.id},initial:u.update,from:u.enter,enter:u.update,update:u.update,leave:u.leave,config:o,immediate:!a}),interpolate:nt}}(e,f,{enter:function(t){return{opacity:0,color:t.color,borderColor:v(t)}},update:function(t){return{opacity:1,color:t.color,borderColor:v(t)}},leave:function(t){return{opacity:0,color:t.color,borderColor:v(t)}}}),m=x.transition,y=x.interpolate,k=g;return(0,jsx_runtime.jsx)("g",{transform:"translate("+n[0]+","+n[1]+")",children:m((function(t,n){return(0,react.createElement)(k,{key:n.id,datum:n,style:nivo_arcs_es_M({},t,{borderWidth:a,path:y(t.startAngle,t.endAngle,t.innerRadius,t.outerRadius,r)}),onClick:u,onMouseEnter:l,onMouseMove:s,onMouseLeave:d})}))})},lt=function(t){var n=void 0===t?{}:t,e=n.cornerRadius,r=void 0===e?0:e,i=n.padAngle,a=void 0===i?0:i;return(0,react.useMemo)((function(){return arc().innerRadius((function(t){return t.innerRadius})).outerRadius((function(t){return t.outerRadius})).cornerRadius(r).padAngle(a)}),[r,a])},nivo_legends_es=__webpack_require__("../../node_modules/.pnpm/@nivo+legends@0.80.0_@nivo+core@0.80.0_prop-types@15.8.1_react@18.2.0/node_modules/@nivo/legends/dist/nivo-legends.es.js");function descending(a,b){return b<a?-1:b>a?1:b>=a?0:NaN}function identity(d){return d}var nivo_tooltip_es=__webpack_require__("../../node_modules/.pnpm/@nivo+tooltip@0.80.0_@nivo+core@0.80.0_react-dom@18.2.0_react@18.2.0/node_modules/@nivo/tooltip/dist/nivo-tooltip.es.js");function nivo_pie_es_D(){return nivo_pie_es_D=Object.assign||function(e){for(var i=1;i<arguments.length;i++){var t=arguments[i];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},nivo_pie_es_D.apply(this,arguments)}function nivo_pie_es_F(e,i){if(null==e)return{};var t,n,r={},a=Object.keys(e);for(n=0;n<a.length;n++)t=a[n],i.indexOf(t)>=0||(r[t]=e[t]);return r}var nivo_pie_es_H,nivo_pie_es_X=function(e){var i=e.width,t=e.height,n=e.legends,r=e.data,a=e.toggleSerie;return(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:n.map((function(e,n){var o;return(0,jsx_runtime.jsx)(nivo_legends_es.$6,nivo_pie_es_D({},e,{containerWidth:i,containerHeight:t,data:null!=(o=e.data)?o:r,toggleSerie:e.toggleSerie?a:void 0}),n)}))})},nivo_pie_es_Y={id:"id",value:"value",sortByValue:!1,innerRadius:0,padAngle:0,cornerRadius:0,layers:["arcLinkLabels","arcs","arcLabels","legends"],startAngle:0,endAngle:360,fit:!0,activeInnerRadiusOffset:0,activeOuterRadiusOffset:0,borderWidth:0,borderColor:{from:"color",modifiers:[["darker",1]]},enableArcLabels:!0,arcLabel:"formattedValue",arcLabelsSkipAngle:0,arcLabelsRadiusOffset:.5,arcLabelsTextColor:{theme:"labels.text.fill"},enableArcLinkLabels:!0,arcLinkLabel:"id",arcLinkLabelsSkipAngle:0,arcLinkLabelsOffset:0,arcLinkLabelsDiagonalLength:16,arcLinkLabelsStraightLength:24,arcLinkLabelsThickness:1,arcLinkLabelsTextOffset:6,arcLinkLabelsTextColor:{theme:"labels.text.fill"},arcLinkLabelsColor:{theme:"axis.ticks.line.stroke"},colors:{scheme:"nivo"},defs:[],fill:[],isInteractive:!0,animate:!0,motionConfig:"gentle",transitionMode:"innerRadius",tooltip:function(e){var i=e.datum;return(0,jsx_runtime.jsx)(nivo_tooltip_es._5,{id:i.id,value:i.formattedValue,enableChip:!0,color:i.color})},legends:[],role:"img",pixelRatio:"undefined"!=typeof window&&null!=(nivo_pie_es_H=window.devicePixelRatio)?nivo_pie_es_H:1},nivo_pie_es_j=["points"],nivo_pie_es_P=function(i){var t=i.data,n=i.id,r=void 0===n?nivo_pie_es_Y.id:n,a=i.value,o=void 0===a?nivo_pie_es_Y.value:a,s=i.valueFormat,c=i.colors,u=void 0===c?nivo_pie_es_Y.colors:c,v=(0,nivo_core_es.LR)(r),f=(0,nivo_core_es.LR)(o),g=(0,nivo_core_es.O_)(s),L=(0,nivo_colors_es.U)(u,"id");return(0,react.useMemo)((function(){return t.map((function(e){var i,t=v(e),n=f(e),r={id:t,label:null!=(i=e.label)?i:t,hidden:!1,value:n,formattedValue:g(n),data:e};return nivo_pie_es_D({},r,{color:L(r)})}))}),[t,v,f,g,L])},nivo_pie_es_q=function(i){var t=i.data,n=i.startAngle,r=i.endAngle,a=i.innerRadius,o=i.outerRadius,d=i.padAngle,l=i.sortByValue,u=i.activeId,v=i.activeInnerRadiusOffset,f=i.activeOuterRadiusOffset,g=i.hiddenIds,L=(0,react.useMemo)((function(){var e=function pie(){var value=identity,sortValues=descending,sort=null,startAngle=(0,constant.Z)(0),endAngle=(0,constant.Z)(math.BZ),padAngle=(0,constant.Z)(0);function pie(data){var i,j,k,a1,v,n=data.length,sum=0,index=new Array(n),arcs=new Array(n),a0=+startAngle.apply(this,arguments),da=Math.min(math.BZ,Math.max(-math.BZ,endAngle.apply(this,arguments)-a0)),p=Math.min(Math.abs(da)/n,padAngle.apply(this,arguments)),pa=p*(da<0?-1:1);for(i=0;i<n;++i)(v=arcs[index[i]=i]=+value(data[i],i,data))>0&&(sum+=v);for(null!=sortValues?index.sort((function(i,j){return sortValues(arcs[i],arcs[j])})):null!=sort&&index.sort((function(i,j){return sort(data[i],data[j])})),i=0,k=sum?(da-n*pa)/sum:0;i<n;++i,a0=a1)j=index[i],a1=a0+((v=arcs[j])>0?v*k:0)+pa,arcs[j]={data:data[j],index:i,value:v,startAngle:a0,endAngle:a1,padAngle:p};return arcs}return pie.value=function(_){return arguments.length?(value="function"==typeof _?_:(0,constant.Z)(+_),pie):value},pie.sortValues=function(_){return arguments.length?(sortValues=_,sort=null,pie):sortValues},pie.sort=function(_){return arguments.length?(sort=_,sortValues=null,pie):sort},pie.startAngle=function(_){return arguments.length?(startAngle="function"==typeof _?_:(0,constant.Z)(+_),pie):startAngle},pie.endAngle=function(_){return arguments.length?(endAngle="function"==typeof _?_:(0,constant.Z)(+_),pie):endAngle},pie.padAngle=function(_){return arguments.length?(padAngle="function"==typeof _?_:(0,constant.Z)(+_),pie):padAngle},pie}().value((function(e){return e.value})).startAngle((0,nivo_core_es.Ht)(n)).endAngle((0,nivo_core_es.Ht)(r)).padAngle((0,nivo_core_es.Ht)(d));return l||e.sortValues(null),e}),[n,r,d,l]);return(0,react.useMemo)((function(){var e=t.filter((function(e){return!g.includes(e.id)}));return{dataWithArc:L(e).map((function(e){var i=Math.abs(e.endAngle-e.startAngle);return nivo_pie_es_D({},e.data,{arc:{index:e.index,startAngle:e.startAngle,endAngle:e.endAngle,innerRadius:u===e.data.id?a-v:a,outerRadius:u===e.data.id?o+f:o,thickness:o-a,padAngle:e.padAngle,angle:i,angleDeg:(0,nivo_core_es.vi)(i)}})})),legendData:t.map((function(e){return nivo_pie_es_D({},e,{hidden:g.includes(e.id)})}))}}),[L,t,g,u,a,v,o,f])},nivo_pie_es_J=function(n){var r=n.data,a=n.width,o=n.height,d=n.innerRadius,l=void 0===d?nivo_pie_es_Y.innerRadius:d,c=n.startAngle,u=void 0===c?nivo_pie_es_Y.startAngle:c,v=n.endAngle,f=void 0===v?nivo_pie_es_Y.endAngle:v,g=n.padAngle,L=void 0===g?nivo_pie_es_Y.padAngle:g,h=n.sortByValue,b=void 0===h?nivo_pie_es_Y.sortByValue:h,A=n.cornerRadius,R=void 0===A?nivo_pie_es_Y.cornerRadius:A,m=n.fit,O=void 0===m?nivo_pie_es_Y.fit:m,C=n.activeInnerRadiusOffset,I=void 0===C?nivo_pie_es_Y.activeInnerRadiusOffset:C,x=n.activeOuterRadiusOffset,M=void 0===x?nivo_pie_es_Y.activeOuterRadiusOffset:x,y=(0,react.useState)(null),w=y[0],W=y[1],S=(0,react.useState)([]),T=S[0],V=S[1],B=(0,react.useMemo)((function(){var e,i=Math.min(a,o)/2,t=i*Math.min(l,1),n=a/2,r=o/2;if(O){var d=function(t,n,e,r,i,a){void 0===a&&(a=!0);var l=[],s=(0,nivo_core_es.re)((0,nivo_core_es.Ht)(r),e);l.push([s.x,s.y]);var d=(0,nivo_core_es.re)((0,nivo_core_es.Ht)(i),e);l.push([d.x,d.y]);for(var f=Math.round(Math.min(r,i));f<=Math.round(Math.max(r,i));f++)if(f%90==0){var c=(0,nivo_core_es.re)((0,nivo_core_es.Ht)(f),e);l.push([c.x,c.y])}l=l.map((function(e){var r=e[0],i=e[1];return[t+r,n+i]})),a&&l.push([t,n]);var g=l.map((function(t){return t[0]})),p=l.map((function(t){return t[1]})),h=Math.min.apply(Math,g),v=Math.max.apply(Math,g),A=Math.min.apply(Math,p);return{points:l,x:h,y:A,width:v-h,height:Math.max.apply(Math,p)-A}}(n,r,i,u-90,f-90),s=d.points,c=nivo_pie_es_F(d,nivo_pie_es_j),v=Math.min(a/c.width,o/c.height),g={width:c.width*v,height:c.height*v};g.x=(a-g.width)/2,g.y=(o-g.height)/2,n=(n-c.x)/c.width*c.width*v+g.x,r=(r-c.y)/c.height*c.height*v+g.y,e={box:c,ratio:v,points:s},i*=v,t*=v}return{centerX:n,centerY:r,radius:i,innerRadius:t,debug:e}}),[a,o,l,u,f,O,R]),G=nivo_pie_es_q({data:r,startAngle:u,endAngle:f,innerRadius:B.innerRadius,outerRadius:B.radius,padAngle:L,sortByValue:b,activeId:w,activeInnerRadiusOffset:I,activeOuterRadiusOffset:M,hiddenIds:T}),E=(0,react.useCallback)((function(e){V((function(i){return i.indexOf(e)>-1?i.filter((function(i){return i!==e})):[].concat(i,[e])}))}),[]);return nivo_pie_es_D({arcGenerator:lt({cornerRadius:R,padAngle:(0,nivo_core_es.Ht)(L)}),setActiveId:W,toggleSerie:E},G,B)},nivo_pie_es_N=function(i){var t=i.center,r=i.data,a=i.arcGenerator,o=i.borderWidth,d=i.borderColor,l=i.isInteractive,s=i.onClick,c=i.onMouseEnter,u=i.onMouseMove,v=i.onMouseLeave,f=i.setActiveId,g=i.tooltip,L=i.transitionMode,h=(0,nivo_tooltip_es.lL)(),b=h.showTooltipFromEvent,p=h.hideTooltip,k=(0,react.useMemo)((function(){if(l)return function(e,i){null==s||s(e,i)}}),[l,s]),R=(0,react.useMemo)((function(){if(l)return function(e,i){b((0,react.createElement)(g,{datum:e}),i),f(e.id),null==c||c(e,i)}}),[l,b,f,c,g]),m=(0,react.useMemo)((function(){if(l)return function(e,i){b((0,react.createElement)(g,{datum:e}),i),null==u||u(e,i)}}),[l,b,u,g]),O=(0,react.useMemo)((function(){if(l)return function(e,i){p(),f(null),null==v||v(e,i)}}),[l,p,f,v]);return(0,jsx_runtime.jsx)(rt,{center:t,data:r,arcGenerator:a,borderWidth:o,borderColor:d,transitionMode:L,onClick:k,onMouseEnter:R,onMouseMove:m,onMouseLeave:O})},nivo_pie_es_Q=["isInteractive","animate","motionConfig","theme","renderWrapper"],U=function(e){var i=e.data,t=e.id,a=void 0===t?nivo_pie_es_Y.id:t,o=e.value,d=void 0===o?nivo_pie_es_Y.value:o,l=e.valueFormat,s=e.sortByValue,c=void 0===s?nivo_pie_es_Y.sortByValue:s,u=e.layers,L=void 0===u?nivo_pie_es_Y.layers:u,h=e.startAngle,b=void 0===h?nivo_pie_es_Y.startAngle:h,p=e.endAngle,k=void 0===p?nivo_pie_es_Y.endAngle:p,A=e.padAngle,O=void 0===A?nivo_pie_es_Y.padAngle:A,C=e.fit,I=void 0===C?nivo_pie_es_Y.fit:C,x=e.innerRadius,M=void 0===x?nivo_pie_es_Y.innerRadius:x,y=e.cornerRadius,w=void 0===y?nivo_pie_es_Y.cornerRadius:y,S=e.activeInnerRadiusOffset,T=void 0===S?nivo_pie_es_Y.activeInnerRadiusOffset:S,V=e.activeOuterRadiusOffset,B=void 0===V?nivo_pie_es_Y.activeOuterRadiusOffset:V,G=e.width,E=e.height,D=e.margin,F=e.colors,H=void 0===F?nivo_pie_es_Y.colors:F,j=e.borderWidth,q=void 0===j?nivo_pie_es_Y.borderWidth:j,z=e.borderColor,Q=void 0===z?nivo_pie_es_Y.borderColor:z,U=e.enableArcLabels,Z=void 0===U?nivo_pie_es_Y.enableArcLabels:U,$=e.arcLabel,_=void 0===$?nivo_pie_es_Y.arcLabel:$,ee=e.arcLabelsSkipAngle,ie=void 0===ee?nivo_pie_es_Y.arcLabelsSkipAngle:ee,te=e.arcLabelsTextColor,ne=void 0===te?nivo_pie_es_Y.arcLabelsTextColor:te,re=e.arcLabelsRadiusOffset,ae=void 0===re?nivo_pie_es_Y.arcLabelsRadiusOffset:re,oe=e.arcLabelsComponent,de=e.enableArcLinkLabels,le=void 0===de?nivo_pie_es_Y.enableArcLinkLabels:de,se=e.arcLinkLabel,ce=void 0===se?nivo_pie_es_Y.arcLinkLabel:se,ue=e.arcLinkLabelsSkipAngle,ve=void 0===ue?nivo_pie_es_Y.arcLinkLabelsSkipAngle:ue,fe=e.arcLinkLabelsOffset,ge=void 0===fe?nivo_pie_es_Y.arcLinkLabelsOffset:fe,Le=e.arcLinkLabelsDiagonalLength,he=void 0===Le?nivo_pie_es_Y.arcLinkLabelsDiagonalLength:Le,be=e.arcLinkLabelsStraightLength,pe=void 0===be?nivo_pie_es_Y.arcLinkLabelsStraightLength:be,ke=e.arcLinkLabelsThickness,Ae=void 0===ke?nivo_pie_es_Y.arcLinkLabelsThickness:ke,Re=e.arcLinkLabelsTextOffset,me=void 0===Re?nivo_pie_es_Y.arcLinkLabelsTextOffset:Re,Oe=e.arcLinkLabelsTextColor,Ce=void 0===Oe?nivo_pie_es_Y.arcLinkLabelsTextColor:Oe,Ie=e.arcLinkLabelsColor,xe=void 0===Ie?nivo_pie_es_Y.arcLinkLabelsColor:Ie,Me=e.arcLinkLabelComponent,ye=e.defs,we=void 0===ye?nivo_pie_es_Y.defs:ye,We=e.fill,Se=void 0===We?nivo_pie_es_Y.fill:We,Te=e.isInteractive,Ve=void 0===Te?nivo_pie_es_Y.isInteractive:Te,Be=e.onClick,Ge=e.onMouseEnter,Ee=e.onMouseMove,De=e.onMouseLeave,Fe=e.tooltip,He=void 0===Fe?nivo_pie_es_Y.tooltip:Fe,Xe=e.transitionMode,Ye=void 0===Xe?nivo_pie_es_Y.transitionMode:Xe,je=e.legends,Pe=void 0===je?nivo_pie_es_Y.legends:je,qe=e.role,ze=void 0===qe?nivo_pie_es_Y.role:qe,Je=(0,nivo_core_es.Bs)(G,E,D),Ke=Je.outerWidth,Ne=Je.outerHeight,Qe=Je.margin,Ue=Je.innerWidth,Ze=Je.innerHeight,$e=nivo_pie_es_P({data:i,id:a,value:d,valueFormat:l,colors:H}),_e=nivo_pie_es_J({data:$e,width:Ue,height:Ze,fit:I,innerRadius:M,startAngle:b,endAngle:k,padAngle:O,sortByValue:c,cornerRadius:w,activeInnerRadiusOffset:T,activeOuterRadiusOffset:B}),ei=_e.dataWithArc,ii=_e.legendData,ti=_e.arcGenerator,ni=_e.centerX,ri=_e.centerY,ai=_e.radius,oi=_e.innerRadius,di=_e.setActiveId,li=_e.toggleSerie,si=(0,nivo_core_es.yU)(we,ei,Se),ci={arcLinkLabels:null,arcs:null,arcLabels:null,legends:null};le&&L.includes("arcLinkLabels")&&(ci.arcLinkLabels=(0,jsx_runtime.jsx)(nivo_arcs_es_U,{center:[ni,ri],data:ei,label:ce,skipAngle:ve,offset:ge,diagonalLength:he,straightLength:pe,strokeWidth:Ae,textOffset:me,textColor:Ce,linkColor:xe,component:Me},"arcLinkLabels")),L.includes("arcs")&&(ci.arcs=(0,jsx_runtime.jsx)(nivo_pie_es_N,{center:[ni,ri],data:ei,arcGenerator:ti,borderWidth:q,borderColor:Q,isInteractive:Ve,onClick:Be,onMouseEnter:Ge,onMouseMove:Ee,onMouseLeave:De,setActiveId:di,tooltip:He,transitionMode:Ye},"arcs")),Z&&L.includes("arcLabels")&&(ci.arcLabels=(0,jsx_runtime.jsx)(nivo_arcs_es_B,{center:[ni,ri],data:ei,label:_,radiusOffset:ae,skipAngle:ie,textColor:ne,transitionMode:Ye,component:oe},"arcLabels")),Pe.length>0&&L.includes("legends")&&(ci.legends=(0,jsx_runtime.jsx)(nivo_pie_es_X,{width:Ue,height:Ze,data:ii,legends:Pe,toggleSerie:li},"legends"));var ui=function(i){var t=i.dataWithArc,n=i.arcGenerator,r=i.centerX,a=i.centerY,o=i.radius,d=i.innerRadius;return(0,react.useMemo)((function(){return{dataWithArc:t,arcGenerator:n,centerX:r,centerY:a,radius:o,innerRadius:d}}),[t,n,r,a,o,d])}({dataWithArc:ei,arcGenerator:ti,centerX:ni,centerY:ri,radius:ai,innerRadius:oi});return(0,jsx_runtime.jsx)(nivo_core_es.tM,{width:Ke,height:Ne,margin:Qe,defs:si,role:ze,children:L.map((function(e,i){return void 0!==ci[e]?ci[e]:"function"==typeof e?(0,jsx_runtime.jsx)(react.Fragment,{children:(0,react.createElement)(e,ui)},i):null}))})},nivo_pie_es_Z=function(e){var i=e.isInteractive,t=void 0===i?nivo_pie_es_Y.isInteractive:i,n=e.animate,r=void 0===n?nivo_pie_es_Y.animate:n,a=e.motionConfig,o=void 0===a?nivo_pie_es_Y.motionConfig:a,d=e.theme,l=e.renderWrapper,s=nivo_pie_es_F(e,nivo_pie_es_Q);return(0,jsx_runtime.jsx)(nivo_core_es.W2,{animate:r,isInteractive:t,motionConfig:o,renderWrapper:l,theme:d,children:(0,jsx_runtime.jsx)(U,nivo_pie_es_D({isInteractive:t},s))})},nivo_pie_es_$=function(e){return(0,jsx_runtime.jsx)(nivo_core_es.d,{children:function(i){var t=i.width,n=i.height;return(0,jsx_runtime.jsx)(nivo_pie_es_Z,nivo_pie_es_D({width:t,height:n},e))}})}}}]);