@undp/data-viz 1.2.7 → 1.3.0

package/dist/Spinner-DN3s4S0H.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner-DN3s4S0H.js","sources":["../node_modules/@undp/design-system-react/dist/Spinner.js"],"sourcesContent":["\"use strict\";Object.defineProperty(exports,Symbol.toStringTag,{value:\"Module\"});const r=require(\"./jsx-runtime-Dszzpdy0.cjs\"),n=require(\"./index-BHm2KTjD.cjs\"),e=require(\"./utils-D9-qIS7T.cjs\"),t=n.cva(\"animate-spin border-[5px] rounded-full inline-block box-border\",{variants:{variant:{red:\"border-accent-dark-red dark:border-accent-red border-b-primary-gray-300 dark:border-b-primary-gray-550\",blue:\"border-primary-blue-600 dark:border-primary-blue-500 border-b-primary-gray-300 dark:border-b-primary-gray-550\",black:\"border-primary-gray-600 dark:border-primary-gray-200 border-b-primary-gray-300 dark:border-b-primary-gray-550\",custom:\"border-custom-color-600 border-b-primary-gray-300 dark:border-b-primary-gray-550\"},size:{sm:\"border-[2px] h-6 w-6\",base:\"border-[4px] h-8 w-8\",lg:\"border-[6px] h-12 w-12\"}},defaultVariants:{size:\"base\",variant:\"blue\"}});function s({size:a,variant:d,show:i=!0,children:o,className:b}){return r.jsxRuntimeExports.jsxs(\"span\",{className:e.cn(\"flex-col items-center justify-center\",i?\"flex\":\"hidden\"),children:[r.jsxRuntimeExports.jsx(\"div\",{className:e.cn(t({variant:d,size:a}),b)}),o]})}exports.Spinner=s;\n//# sourceMappingURL=Spinner.js.map\n"],"names":["exports","r","require$$0","n","e","require$$2","t","s","a","d","i","o","b"],"mappings":";;;;AAAa,WAAO,eAAeA,GAAQ,OAAO,aAAY,EAAC,OAAM,SAAQ,CAAC;AAAE,UAAMC,IAAEC,gBAAAA,EAAA,GAAsCC,yBAAkCC,IAAEC,gBAAAA,EAAA,GAAgCC,IAAEH,EAAE,IAAI,kEAAiE,EAAC,UAAS,EAAC,SAAQ,EAAC,KAAI,0GAAyG,MAAK,iHAAgH,OAAM,iHAAgH,QAAO,mFAAkF,GAAE,MAAK,EAAC,IAAG,wBAAuB,MAAK,wBAAuB,IAAG,yBAAwB,EAAC,GAAE,iBAAgB,EAAC,MAAK,QAAO,SAAQ,OAAM,EAAC,CAAC;AAAE,aAASI,EAAE,EAAC,MAAKC,GAAE,SAAQC,GAAE,MAAKC,IAAE,IAAG,UAASC,GAAE,WAAUC,EAAC,GAAE;AAAC,aAAOX,EAAE,kBAAkB,KAAK,QAAO,EAAC,WAAUG,EAAE,GAAG,wCAAuCM,IAAE,SAAO,QAAQ,GAAE,UAAS,CAACT,EAAE,kBAAkB,IAAI,OAAM,EAAC,WAAUG,EAAE,GAAGE,EAAE,EAAC,SAAQG,GAAE,MAAKD,EAAC,CAAC,GAAEI,CAAC,EAAC,CAAC,GAAED,CAAC,EAAC,CAAC;AAAA,IAAC;AAAC,IAAAX,EAAA,UAAgBO;AAAA;;;","x_google_ignoreList":[0]}

package/dist/Spinner-UmN-KPe9.cjs

@@ -0,0 +1,2 @@
+"use strict";const r=require("./index-BHm2KTjD-D8FylaKc.cjs");var e={},d;function y(){return d||(d=1,function(a){Object.defineProperty(a,Symbol.toStringTag,{value:"Module"});const i=r.requireJsxRuntimeDszzpdy0(),o=r.requireIndexBHm2KTjD(),n=r.requireUtilsD9QIS7T(),b=o.cva("animate-spin border-[5px] rounded-full inline-block box-border",{variants:{variant:{red:"border-accent-dark-red dark:border-accent-red border-b-primary-gray-300 dark:border-b-primary-gray-550",blue:"border-primary-blue-600 dark:border-primary-blue-500 border-b-primary-gray-300 dark:border-b-primary-gray-550",black:"border-primary-gray-600 dark:border-primary-gray-200 border-b-primary-gray-300 dark:border-b-primary-gray-550",custom:"border-custom-color-600 border-b-primary-gray-300 dark:border-b-primary-gray-550"},size:{sm:"border-[2px] h-6 w-6",base:"border-[4px] h-8 w-8",lg:"border-[6px] h-12 w-12"}},defaultVariants:{size:"base",variant:"blue"}});function s({size:t,variant:p,show:u=!0,children:c,className:m}){return i.jsxRuntimeExports.jsxs("span",{className:n.cn("flex-col items-center justify-center",u?"flex":"hidden"),children:[i.jsxRuntimeExports.jsx("div",{className:n.cn(b({variant:p,size:t}),m)}),c]})}a.Spinner=s}(e)),e}var l=y();exports.SpinnerExports=l;
+//# sourceMappingURL=Spinner-UmN-KPe9.cjs.map

package/dist/Spinner-UmN-KPe9.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner-UmN-KPe9.cjs","sources":["../node_modules/@undp/design-system-react/dist/Spinner.js"],"sourcesContent":["\"use strict\";Object.defineProperty(exports,Symbol.toStringTag,{value:\"Module\"});const r=require(\"./jsx-runtime-Dszzpdy0.cjs\"),n=require(\"./index-BHm2KTjD.cjs\"),e=require(\"./utils-D9-qIS7T.cjs\"),t=n.cva(\"animate-spin border-[5px] rounded-full inline-block box-border\",{variants:{variant:{red:\"border-accent-dark-red dark:border-accent-red border-b-primary-gray-300 dark:border-b-primary-gray-550\",blue:\"border-primary-blue-600 dark:border-primary-blue-500 border-b-primary-gray-300 dark:border-b-primary-gray-550\",black:\"border-primary-gray-600 dark:border-primary-gray-200 border-b-primary-gray-300 dark:border-b-primary-gray-550\",custom:\"border-custom-color-600 border-b-primary-gray-300 dark:border-b-primary-gray-550\"},size:{sm:\"border-[2px] h-6 w-6\",base:\"border-[4px] h-8 w-8\",lg:\"border-[6px] h-12 w-12\"}},defaultVariants:{size:\"base\",variant:\"blue\"}});function s({size:a,variant:d,show:i=!0,children:o,className:b}){return r.jsxRuntimeExports.jsxs(\"span\",{className:e.cn(\"flex-col items-center justify-center\",i?\"flex\":\"hidden\"),children:[r.jsxRuntimeExports.jsx(\"div\",{className:e.cn(t({variant:d,size:a}),b)}),o]})}exports.Spinner=s;\n//# sourceMappingURL=Spinner.js.map\n"],"names":["exports","r","require$$0","n","e","require$$2","t","a","d","i","o","b"],"mappings":"iHAAa,OAAO,eAAeA,EAAQ,OAAO,YAAY,CAAC,MAAM,QAAQ,CAAC,EAAE,MAAMC,EAAEC,4BAAA,EAAsCC,2BAAkCC,EAAEC,EAAAA,oBAAA,EAAgCC,EAAEH,EAAE,IAAI,iEAAiE,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,yGAAyG,KAAK,gHAAgH,MAAM,gHAAgH,OAAO,kFAAkF,EAAE,KAAK,CAAC,GAAG,uBAAuB,KAAK,uBAAuB,GAAG,wBAAwB,CAAC,EAAE,gBAAgB,CAAC,KAAK,OAAO,QAAQ,MAAM,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,KAAKI,EAAE,QAAQC,EAAE,KAAKC,EAAE,GAAG,SAASC,EAAE,UAAUC,CAAC,EAAE,CAAC,OAAOV,EAAE,kBAAkB,KAAK,OAAO,CAAC,UAAUG,EAAE,GAAG,uCAAuCK,EAAE,OAAO,QAAQ,EAAE,SAAS,CAACR,EAAE,kBAAkB,IAAI,MAAM,CAAC,UAAUG,EAAE,GAAGE,EAAE,CAAC,QAAQE,EAAE,KAAKD,CAAC,CAAC,EAAEI,CAAC,CAAC,CAAC,EAAED,CAAC,CAAC,CAAC,CAAC,CAACV,EAAA,QAAgB","x_google_ignoreList":[0]}

package/dist/StatCardFromData.d.ts

@@ -0,0 +1,115 @@
+import { JSX } from 'react/jsx-runtime';
+
+declare interface AxesClassNameObject {
+    gridLines?: string;
+    labels?: string;
+    title?: string;
+    axis?: string;
+}
+
+declare interface AxesStyleObject {
+    gridLines?: React.CSSProperties;
+    labels?: React.CSSProperties;
+    title?: React.CSSProperties;
+    axis?: React.CSSProperties;
+}
+
+declare interface ClassNameObject {
+    title?: string;
+    footnote?: string;
+    source?: string;
+    description?: string;
+    tooltip?: string;
+    xAxis?: AxesClassNameObject;
+    yAxis?: AxesClassNameObject;
+    legend?: string;
+    graphContainer?: string;
+    graphObjectValues?: string;
+    dataConnectors?: string;
+    mouseOverLine?: string;
+    regLine?: string;
+    dataCards?: string;
+}
+
+declare type Languages = 'en' | 'ar' | 'az' | 'bn' | 'cy' | 'he' | 'hi' | 'jp' | 'ka' | 'km' | 'ko' | 'my' | 'ne' | 'zh' | 'custom';
+
+declare interface Props {
+    /** Array of data objects */
+    data: StatCardsFromDataSheetDataType[];
+    /** Title of the graph */
+    graphTitle?: string | React.ReactNode;
+    /** Description of the graph */
+    graphDescription?: string | React.ReactNode;
+    /** Footnote for the graph */
+    footNote?: string | React.ReactNode;
+    /** Source data for the graph */
+    sources?: SourcesDataType[];
+    /** Accessibility label */
+    ariaLabel?: string;
+    /** Background color of the graph */
+    backgroundColor?: string | boolean;
+    /** Defines the layout for the cards */
+    layout?: 'primary' | 'secondary';
+    /** Font size of the main text */
+    headingFontSize?: string;
+    /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */
+    padding?: string;
+    /** Toggle the fill color of the main text. */
+    textBackground?: boolean;
+    /** Toggle is the text is center aligned. */
+    centerAlign?: boolean;
+    /** Vertical alignment of the main text */
+    verticalAlign?: 'center' | 'top' | 'bottom';
+    /** Custom styles for the graph. Each object should be a valid React CSS style object. */
+    styles?: StyleObject;
+    /** Custom class names */
+    classNames?: ClassNameObject;
+    /** Prefix for values */
+    prefix?: string;
+    /** Suffix for values */
+    suffix?: string;
+    /** Sub text next to main text */
+    year?: number | string;
+    /** Data points that need to counted for aggregation.  */
+    countOnly?: (string | number)[];
+    /** Method for aggregating the data to show as a single number in the card. If the data type of value in data object is string then only count is applicable. */
+    aggregationMethod?: 'count' | 'max' | 'min' | 'average' | 'sum';
+    /** Specifies the number of decimal places to display in the value. */
+    precision?: number;
+    /** Language setting  */
+    language?: Languages;
+    /** Color theme */
+    theme?: 'light' | 'dark';
+    /** Unique ID for the graph */
+    graphID?: string;
+}
+
+declare interface SourcesDataType {
+    source: string;
+    link?: string;
+}
+
+export declare function StatCardFromData(props: Props): JSX.Element;
+
+declare type StatCardsFromDataSheetDataType = {
+    value: number | string;
+    data?: object;
+};
+
+declare interface StyleObject {
+    title?: React.CSSProperties;
+    footnote?: React.CSSProperties;
+    source?: React.CSSProperties;
+    description?: React.CSSProperties;
+    graphContainer?: React.CSSProperties;
+    tooltip?: React.CSSProperties;
+    xAxis?: AxesStyleObject;
+    yAxis?: AxesStyleObject;
+    graphObjectValues?: React.CSSProperties;
+    dataConnectors?: React.CSSProperties;
+    mouseOverLine?: React.CSSProperties;
+    regLine?: React.CSSProperties;
+    dataCards?: React.CSSProperties;
+}
+
+export { }

package/dist/StatCardFromData.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index-BHm2KTjD-D8FylaKc.cjs"),y=require("./index-C21TvELx.cjs"),j=require("./Typography-CDR-DAHH.cjs"),R=require("./GraphFooter.js"),k=require("./GraphHeader.js"),m=require("./numberFormattingFunction.js");function H(S){const{year:d,data:e,graphTitle:x,suffix:i="",sources:h,prefix:s="",graphDescription:c,footNote:f,padding:b,backgroundColor:p=!1,graphID:$,aggregationMethod:o="count",language:u="en",countOnly:g,theme:A="light",ariaLabel:T,textBackground:F=!1,headingFontSize:v="4.375rem",centerAlign:N=!1,verticalAlign:E="center",layout:w="primary",styles:n,classNames:a,precision:l=2}=S;return r.jsxRuntimeExports.jsx("div",{className:`${A||"light"} flex w-full`,dir:u==="he"||u==="ar"?"rtl":void 0,children:r.jsxRuntimeExports.jsx("div",{className:j.cnExports.cn(`${p?p===!0?"bg-primary-gray-200 dark:bg-primary-gray-650 ":"":"bg-transparent "}flex flex-col w-full h-inherit ${u||"en"}`,a?.graphContainer),style:{...n?.graphContainer||{},...p&&p!==!0?{backgroundColor:p}:{}},id:$,"aria-label":T||`${x?`The graph shows ${x}. `:""}This is a statistic card.${c?` ${c}`:""}`,children:r.jsxRuntimeExports.jsx("div",{className:"flex grow",style:{padding:p?b||"1rem":b||0},children:w!=="secondary"?r.jsxRuntimeExports.jsxs("div",{className:"flex flex-col w-full gap-12 justify-between grow",children:[x||c?r.jsxRuntimeExports.jsx(k.GraphHeader,{styles:{title:n?.title,description:n?.description},classNames:{title:a?.title,description:a?.description},graphTitle:x,graphDescription:c}):null,r.jsxRuntimeExports.jsx("div",{className:`flex flex-col justify-between grow ${E==="top"?"justify-start":E==="bottom"?"justify-end":"justify-center"}`,children:r.jsxRuntimeExports.jsxs(j.TypographyExports.H3,{marginBottom:"base",className:`leading-none text-outline font-heading ${N?"text-center":u==="he"||u==="ar"?"text-right":"text-left"} ${F?"text-primary-black dark:text-primary-white":"transparent"}`,style:{fontSize:v,letterSpacing:"0.05rem"},children:[e.filter(t=>typeof t.value=="string").length>0||o==="count"?g&&g?.length!==0?e.filter(t=>g.indexOf(t.value)!==-1).length:e.length:o==="sum"?m.numberFormattingFunction(y.sum(e.map(t=>t.value)),"NA",l,s,i):o==="average"?m.numberFormattingFunction(parseFloat((y.sum(e.map(t=>t.value))/e.length).toFixed(2)),"NA",l,s,i):o==="max"?m.numberFormattingFunction(Math.max(...e.map(t=>t.value).filter(t=>t!==void 0)),"NA",l,s,i):m.numberFormattingFunction(Math.min(...e.map(t=>t.value).filter(t=>t!==void 0)),"NA",l,s,i)," ",d?r.jsxRuntimeExports.jsxs("span",{className:"text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400",style:{marginLeft:"-8px",lineHeight:"1.09",textShadow:"none",WebkitTextStrokeWidth:0},children:["(",d,")"]}):null]})}),h||f?r.jsxRuntimeExports.jsx(R.GraphFooter,{styles:{footnote:n?.footnote,source:n?.source},classNames:{footnote:a?.footnote,source:a?.source},sources:h,footNote:f}):null]}):r.jsxRuntimeExports.jsxs("div",{className:"flex flex-col w-full gap-4 grow justify-center",children:[r.jsxRuntimeExports.jsxs(j.TypographyExports.H3,{marginBottom:w==="secondary"?"none":"base",className:`leading-none text-outline font-heading ${N?"text-center":u==="he"||u==="ar"?"text-right":"text-left"} ${F?"text-primary-black dark:text-primary-white":"transparent"}`,style:{fontSize:v,letterSpacing:"0.05rem"},children:[e.filter(t=>typeof t.value=="string").length>0||o==="count"?g&&g?.length!==0?e.filter(t=>g.indexOf(t.value)!==-1).length:e.length:o==="sum"?m.numberFormattingFunction(y.sum(e.map(t=>t.value)),"NA",l,s,i):o==="average"?m.numberFormattingFunction(parseFloat((y.sum(e.map(t=>t.value))/e.length).toFixed(2)),"NA",l,s,i):o==="max"?m.numberFormattingFunction(Math.max(...e.map(t=>t.value).filter(t=>t!==void 0)),"NA",l,s,i):m.numberFormattingFunction(Math.min(...e.map(t=>t.value).filter(t=>t!==void 0)),"NA",l,s,i)," ",d?r.jsxRuntimeExports.jsxs("span",{className:"text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400",style:{marginLeft:"-8px",lineHeight:"1.09",textShadow:"none",WebkitTextStrokeWidth:0},children:["(",d,")"]}):null]}),x||c?r.jsxRuntimeExports.jsx(k.GraphHeader,{styles:{title:n?.title,description:n?.description},classNames:{title:a?.title,description:a?.description},graphTitle:x,graphDescription:c}):null,h||f?r.jsxRuntimeExports.jsx(R.GraphFooter,{styles:{footnote:n?.footnote,source:n?.source},classNames:{footnote:a?.footnote,source:a?.source},sources:h,footNote:f}):null]})})})})}exports.StatCardFromData=H;
+//# sourceMappingURL=StatCardFromData.js.map

package/dist/StatCardFromData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatCardFromData.js","sources":["../src/Components/Graphs/StatCard/StatCardFromData.tsx"],"sourcesContent":["import sum from 'lodash.sum';\r\nimport { cn } from '@undp/design-system-react/cn';\r\nimport { H3 } from '@undp/design-system-react/Typography';\r\n\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\nimport {\r\n  Languages,\r\n  SourcesDataType,\r\n  StatCardsFromDataSheetDataType,\r\n  StyleObject,\r\n  ClassNameObject,\r\n} from '@/Types';\r\n\r\ninterface Props {\r\n  // Data\r\n  /** Array of data objects */\r\n  data: StatCardsFromDataSheetDataType[];\r\n\r\n  // Titles, Labels, and Sources\r\n  /** Title of the graph */\r\n  graphTitle?: string | React.ReactNode;\r\n  /** Description of the graph */\r\n  graphDescription?: string | React.ReactNode;\r\n  /** Footnote for the graph */\r\n  footNote?: string | React.ReactNode;\r\n  /** Source data for the graph */\r\n  sources?: SourcesDataType[];\r\n  /** Accessibility label */\r\n  ariaLabel?: string;\r\n\r\n  // Colors and Styling\r\n  /** Background color of the graph */\r\n  backgroundColor?: string | boolean;\r\n  /** Defines the layout for the cards */\r\n  layout?: 'primary' | 'secondary';\r\n  /** Font size of the main text */\r\n  headingFontSize?: string;\r\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\r\n  padding?: string;\r\n  /** Toggle the fill color of the main text. */\r\n  textBackground?: boolean;\r\n  /** Toggle is the text is center aligned. */\r\n  centerAlign?: boolean;\r\n  /** Vertical alignment of the main text */\r\n  verticalAlign?: 'center' | 'top' | 'bottom';\r\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\r\n  styles?: StyleObject;\r\n  /** Custom class names */\r\n  classNames?: ClassNameObject;\r\n\r\n  // Values and Ticks\r\n  /** Prefix for values */\r\n  prefix?: string;\r\n  /** Suffix for values */\r\n  suffix?: string;\r\n  /** Sub text next to main text */\r\n  year?: number | string;\r\n\r\n  // Graph Parameters\r\n  /** Data points that need to counted for aggregation.  */\r\n  countOnly?: (string | number)[];\r\n  /** Method for aggregating the data to show as a single number in the card. If the data type of value in data object is string then only count is applicable. */\r\n  aggregationMethod?: 'count' | 'max' | 'min' | 'average' | 'sum';\r\n  /** Specifies the number of decimal places to display in the value. */\r\n  precision?: number;\r\n\r\n  // Configuration and Options\r\n  /** Language setting  */\r\n  language?: Languages;\r\n  /** Color theme */\r\n  theme?: 'light' | 'dark';\r\n  /** Unique ID for the graph */\r\n  graphID?: string;\r\n}\r\n\r\nexport function StatCardFromData(props: Props) {\r\n  const {\r\n    year,\r\n    data,\r\n    graphTitle,\r\n    suffix = '',\r\n    sources,\r\n    prefix = '',\r\n    graphDescription,\r\n    footNote,\r\n    padding,\r\n    backgroundColor = false,\r\n    graphID,\r\n    aggregationMethod = 'count',\r\n    language = 'en',\r\n    countOnly,\r\n    theme = 'light',\r\n    ariaLabel,\r\n    textBackground = false,\r\n    headingFontSize = '4.375rem',\r\n    centerAlign = false,\r\n    verticalAlign = 'center',\r\n    layout = 'primary',\r\n    styles,\r\n    classNames,\r\n    precision = 2,\r\n  } = props;\r\n\r\n  return (\r\n    <div\r\n      className={`${theme || 'light'} flex w-full`}\r\n      dir={language === 'he' || language === 'ar' ? 'rtl' : undefined}\r\n    >\r\n      <div\r\n        className={cn(\r\n          `${\r\n            !backgroundColor\r\n              ? 'bg-transparent '\r\n              : backgroundColor === true\r\n                ? 'bg-primary-gray-200 dark:bg-primary-gray-650 '\r\n                : ''\r\n          }flex flex-col w-full h-inherit ${language || 'en'}`,\r\n          classNames?.graphContainer,\r\n        )}\r\n        style={{\r\n          ...(styles?.graphContainer || {}),\r\n          ...(backgroundColor && backgroundColor !== true ? { backgroundColor } : {}),\r\n        }}\r\n        id={graphID}\r\n        aria-label={\r\n          ariaLabel ||\r\n          `${graphTitle ? `The graph shows ${graphTitle}. ` : ''}This is a statistic card.${\r\n            graphDescription ? ` ${graphDescription}` : ''\r\n          }`\r\n        }\r\n      >\r\n        <div\r\n          className='flex grow'\r\n          style={{ padding: backgroundColor ? padding || '1rem' : padding || 0 }}\r\n        >\r\n          {layout !== 'secondary' ? (\r\n            <div className='flex flex-col w-full gap-12 justify-between grow'>\r\n              {graphTitle || graphDescription ? (\r\n                <GraphHeader\r\n                  styles={{\r\n                    title: styles?.title,\r\n                    description: styles?.description,\r\n                  }}\r\n                  classNames={{\r\n                    title: classNames?.title,\r\n                    description: classNames?.description,\r\n                  }}\r\n                  graphTitle={graphTitle}\r\n                  graphDescription={graphDescription}\r\n                />\r\n              ) : null}\r\n              <div\r\n                className={`flex flex-col justify-between grow ${\r\n                  verticalAlign === 'top'\r\n                    ? 'justify-start'\r\n                    : verticalAlign === 'bottom'\r\n                      ? 'justify-end'\r\n                      : 'justify-center'\r\n                }`}\r\n              >\r\n                <H3\r\n                  marginBottom='base'\r\n                  className={`leading-none text-outline font-heading ${\r\n                    centerAlign\r\n                      ? 'text-center'\r\n                      : language === 'he' || language === 'ar'\r\n                        ? 'text-right'\r\n                        : 'text-left'\r\n                  } ${textBackground ? 'text-primary-black dark:text-primary-white' : 'transparent'}`}\r\n                  style={{\r\n                    fontSize: headingFontSize,\r\n                    letterSpacing: '0.05rem',\r\n                  }}\r\n                >\r\n                  {data.filter(d => typeof d.value === 'string').length > 0 ||\r\n                  aggregationMethod === 'count'\r\n                    ? countOnly && countOnly?.length !== 0\r\n                      ? data.filter(d => countOnly.indexOf(d.value) !== -1).length\r\n                      : data.length\r\n                    : aggregationMethod === 'sum'\r\n                      ? numberFormattingFunction(\r\n                          sum(data.map(d => d.value)),\r\n                          'NA',\r\n                          precision,\r\n                          prefix,\r\n                          suffix,\r\n                        )\r\n                      : aggregationMethod === 'average'\r\n                        ? numberFormattingFunction(\r\n                            parseFloat((sum(data.map(d => d.value)) / data.length).toFixed(2)),\r\n                            'NA',\r\n                            precision,\r\n                            prefix,\r\n                            suffix,\r\n                          )\r\n                        : aggregationMethod === 'max'\r\n                          ? numberFormattingFunction(\r\n                              Math.max(\r\n                                ...data\r\n                                  .map(d => d.value as number | undefined)\r\n                                  .filter(d => d !== undefined),\r\n                              ),\r\n                              'NA',\r\n                              precision,\r\n                              prefix,\r\n                              suffix,\r\n                            )\r\n                          : numberFormattingFunction(\r\n                              Math.min(\r\n                                ...data\r\n                                  .map(d => d.value as number | undefined)\r\n                                  .filter(d => d !== undefined),\r\n                              ),\r\n                              'NA',\r\n                              precision,\r\n                              prefix,\r\n                              suffix,\r\n                            )}{' '}\r\n                  {year ? (\r\n                    <span\r\n                      className='text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400'\r\n                      style={{\r\n                        marginLeft: '-8px',\r\n                        lineHeight: '1.09',\r\n                        textShadow: 'none',\r\n                        WebkitTextStrokeWidth: 0,\r\n                      }}\r\n                    >\r\n                      ({year})\r\n                    </span>\r\n                  ) : null}\r\n                </H3>\r\n              </div>\r\n              {sources || footNote ? (\r\n                <GraphFooter\r\n                  styles={{ footnote: styles?.footnote, source: styles?.source }}\r\n                  classNames={{\r\n                    footnote: classNames?.footnote,\r\n                    source: classNames?.source,\r\n                  }}\r\n                  sources={sources}\r\n                  footNote={footNote}\r\n                />\r\n              ) : null}\r\n            </div>\r\n          ) : (\r\n            <div className='flex flex-col w-full gap-4 grow justify-center'>\r\n              <H3\r\n                marginBottom={layout === 'secondary' ? 'none' : 'base'}\r\n                className={`leading-none text-outline font-heading ${\r\n                  centerAlign\r\n                    ? 'text-center'\r\n                    : language === 'he' || language === 'ar'\r\n                      ? 'text-right'\r\n                      : 'text-left'\r\n                } ${textBackground ? 'text-primary-black dark:text-primary-white' : 'transparent'}`}\r\n                style={{\r\n                  fontSize: headingFontSize,\r\n                  letterSpacing: '0.05rem',\r\n                }}\r\n              >\r\n                {data.filter(d => typeof d.value === 'string').length > 0 ||\r\n                aggregationMethod === 'count'\r\n                  ? countOnly && countOnly?.length !== 0\r\n                    ? data.filter(d => countOnly.indexOf(d.value) !== -1).length\r\n                    : data.length\r\n                  : aggregationMethod === 'sum'\r\n                    ? numberFormattingFunction(\r\n                        sum(data.map(d => d.value)),\r\n                        'NA',\r\n                        precision,\r\n                        prefix,\r\n                        suffix,\r\n                      )\r\n                    : aggregationMethod === 'average'\r\n                      ? numberFormattingFunction(\r\n                          parseFloat((sum(data.map(d => d.value)) / data.length).toFixed(2)),\r\n                          'NA',\r\n                          precision,\r\n                          prefix,\r\n                          suffix,\r\n                        )\r\n                      : aggregationMethod === 'max'\r\n                        ? numberFormattingFunction(\r\n                            Math.max(\r\n                              ...data\r\n                                .map(d => d.value as number | undefined)\r\n                                .filter(d => d !== undefined),\r\n                            ),\r\n                            'NA',\r\n                            precision,\r\n                            prefix,\r\n                            suffix,\r\n                          )\r\n                        : numberFormattingFunction(\r\n                            Math.min(\r\n                              ...data\r\n                                .map(d => d.value as number | undefined)\r\n                                .filter(d => d !== undefined),\r\n                            ),\r\n                            'NA',\r\n                            precision,\r\n                            prefix,\r\n                            suffix,\r\n                          )}{' '}\r\n                {year ? (\r\n                  <span\r\n                    className='text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400'\r\n                    style={{\r\n                      marginLeft: '-8px',\r\n                      lineHeight: '1.09',\r\n                      textShadow: 'none',\r\n                      WebkitTextStrokeWidth: 0,\r\n                    }}\r\n                  >\r\n                    ({year})\r\n                  </span>\r\n                ) : null}\r\n              </H3>\r\n              {graphTitle || graphDescription ? (\r\n                <GraphHeader\r\n                  styles={{\r\n                    title: styles?.title,\r\n                    description: styles?.description,\r\n                  }}\r\n                  classNames={{\r\n                    title: classNames?.title,\r\n                    description: classNames?.description,\r\n                  }}\r\n                  graphTitle={graphTitle}\r\n                  graphDescription={graphDescription}\r\n                />\r\n              ) : null}\r\n              {sources || footNote ? (\r\n                <GraphFooter\r\n                  styles={{ footnote: styles?.footnote, source: styles?.source }}\r\n                  classNames={{\r\n                    footnote: classNames?.footnote,\r\n                    source: classNames?.source,\r\n                  }}\r\n                  sources={sources}\r\n                  footNote={footNote}\r\n                />\r\n              ) : null}\r\n            </div>\r\n          )}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["StatCardFromData","props","year","data","graphTitle","suffix","sources","prefix","graphDescription","footNote","padding","backgroundColor","graphID","aggregationMethod","language","countOnly","theme","ariaLabel","textBackground","headingFontSize","centerAlign","verticalAlign","layout","styles","classNames","precision","jsx","cn","jsxs","GraphHeader","H3","d","numberFormattingFunction","sum","GraphFooter"],"mappings":"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"}

package/dist/StripChart.d.ts

@@ -0,0 +1,178 @@
+import { JSX } from 'react/jsx-runtime';
+
+declare interface AnimateDataType {
+    duration: number;
+    once: boolean;
+    amount: 'some' | 'all' | number;
+}
+
+declare interface AxesClassNameObject {
+    gridLines?: string;
+    labels?: string;
+    title?: string;
+    axis?: string;
+}
+
+declare interface AxesStyleObject {
+    gridLines?: React.CSSProperties;
+    labels?: React.CSSProperties;
+    title?: React.CSSProperties;
+    axis?: React.CSSProperties;
+}
+
+declare interface ClassNameObject {
+    title?: string;
+    footnote?: string;
+    source?: string;
+    description?: string;
+    tooltip?: string;
+    xAxis?: AxesClassNameObject;
+    yAxis?: AxesClassNameObject;
+    legend?: string;
+    graphContainer?: string;
+    graphObjectValues?: string;
+    dataConnectors?: string;
+    mouseOverLine?: string;
+    regLine?: string;
+    dataCards?: string;
+}
+
+declare interface CustomLayerDataType {
+    position: 'before' | 'after';
+    layer: React.ReactNode;
+}
+
+declare type Languages = 'en' | 'ar' | 'az' | 'bn' | 'cy' | 'he' | 'hi' | 'jp' | 'ka' | 'km' | 'ko' | 'my' | 'ne' | 'zh' | 'custom';
+
+declare interface Props {
+    /** Array of data objects */
+    data: StripChartDataType[];
+    /** Orientation of the graph */
+    orientation?: 'vertical' | 'horizontal';
+    /** Title of the graph */
+    graphTitle?: string | React.ReactNode;
+    /** Description of the graph */
+    graphDescription?: string | React.ReactNode;
+    /** Footnote for the graph */
+    footNote?: string | React.ReactNode;
+    /** Source data for the graph */
+    sources?: SourcesDataType[];
+    /** Accessibility label */
+    ariaLabel?: string;
+    /** Color or array of colors for circles */
+    colors?: string | string[];
+    /** Color of the highlighted data points */
+    highlightColor?: string;
+    /** Domain of colors for the graph */
+    colorDomain?: string[];
+    /** Title for the color legend */
+    colorLegendTitle?: string;
+    /** Color of value labels */
+    valueColor?: string;
+    /** Background color of the graph */
+    backgroundColor?: string | boolean;
+    /** Custom styles for the graph. Each object should be a valid React CSS style object. */
+    styles?: StyleObject;
+    /** Custom class names */
+    classNames?: ClassNameObject;
+    /** Width of the graph */
+    width?: number;
+    /** Height of the graph */
+    height?: number;
+    /** Minimum height of the graph */
+    minHeight?: number;
+    /** Relative height scaling factor. This overwrites the height props */
+    relativeHeight?: number;
+    /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */
+    padding?: string;
+    /** Left margin of the graph */
+    leftMargin?: number;
+    /** Right margin of the graph */
+    rightMargin?: number;
+    /** Top margin of the graph */
+    topMargin?: number;
+    /** Bottom margin of the graph */
+    bottomMargin?: number;
+    /** Prefix for values */
+    prefix?: string;
+    /** Suffix for values */
+    suffix?: string;
+    /** Maximum value for the chart */
+    maxValue?: number;
+    /** Minimum value for the chart */
+    minValue?: number;
+    /** Number of ticks on the axis */
+    noOfTicks?: number;
+    /** Radius of the dots or width of the strips */
+    radius?: number;
+    /** Opacity of each dot or strip */
+    dotOpacity?: number;
+    /** Type of strip */
+    stripType?: 'strip' | 'dot';
+    /** Toggle visibility of color scale. This is only applicable if the data props hae color parameter */
+    showColorScale?: boolean;
+    /** Toggle visibility of NA color in the color scale. This is only applicable if the data props hae color parameter and showColorScale prop is true */
+    showNAColor?: boolean;
+    /** Data points to highlight. Use the label value from data to highlight the data point */
+    highlightedDataPoints?: (string | number)[];
+    /** Defines the opacity of the non-highlighted data */
+    dimmedOpacity?: number;
+    /** Toggles if the graph animates in when loaded.  */
+    animate?: boolean | AnimateDataType;
+    /** Specifies the number of decimal places to display in the value. */
+    precision?: number;
+    /** Optional SVG <g> element or function that renders custom content behind or in front of the graph. */
+    customLayers?: CustomLayerDataType[];
+    /** Enable graph download option as png */
+    graphDownload?: boolean;
+    /** Enable data download option as a csv */
+    dataDownload?: boolean;
+    /** Reset selection on double-click. Only applicable when used in a dashboard context with filters. */
+    resetSelectionOnDoubleClick?: boolean;
+    /** Tooltip content. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data */
+    tooltip?: string | ((_d: any) => React.ReactNode);
+    /** Details displayed on the modal when user clicks of a data point. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data */
+    detailsOnClick?: string | ((_d: any) => React.ReactNode);
+    /** Callback for mouse over event */
+    onSeriesMouseOver?: (_d: any) => void;
+    /** Callback for mouse click event */
+    onSeriesMouseClick?: (_d: any) => void;
+    /** Language setting  */
+    language?: Languages;
+    /** Color theme */
+    theme?: 'light' | 'dark';
+    /** Unique ID for the graph */
+    graphID?: string;
+}
+
+declare interface SourcesDataType {
+    source: string;
+    link?: string;
+}
+
+export declare function StripChart(props: Props): JSX.Element;
+
+declare interface StripChartDataType {
+    label: string | number;
+    position: number;
+    color?: string;
+    data?: object;
+}
+
+declare interface StyleObject {
+    title?: React.CSSProperties;
+    footnote?: React.CSSProperties;
+    source?: React.CSSProperties;
+    description?: React.CSSProperties;
+    graphContainer?: React.CSSProperties;
+    tooltip?: React.CSSProperties;
+    xAxis?: AxesStyleObject;
+    yAxis?: AxesStyleObject;
+    graphObjectValues?: React.CSSProperties;
+    dataConnectors?: React.CSSProperties;
+    mouseOverLine?: React.CSSProperties;
+    regLine?: React.CSSProperties;
+    dataCards?: React.CSSProperties;
+}
+
+export { }

package/dist/StripChart.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index-BHm2KTjD-D8FylaKc.cjs"),ue=require("./index-CZbIGs8q.cjs"),g=require("react"),ae=require("./Typography-CDR-DAHH.cjs"),de=require("./index-BXns0-ng.cjs"),pe=require("./index-BzeLQvXk.cjs"),ge=require("./Modal-cQF2UQIa.cjs"),fe=require("./Tooltip-BM18N_3l.cjs"),K=require("./checkIfNullOrUndefined.js"),he=require("./numberFormattingFunction.js"),c=require("./Colors.js"),me=require("./string2HTML-X4ZYX5jI.cjs"),J=require("./use-in-view-Dl1CsAIo.cjs"),ye=require("./linear-BVckp9RD.cjs"),ve=require("./index-a2C2Bqn2.cjs"),je=require("./GraphFooter.js"),we=require("./GraphHeader.js"),Oe=require("./ColorLegendWithMouseOver.js"),Ce=require("./EmptyState-BQguKAp5.cjs");function be(L,i){if(L<2)return[];const x=i/(L-1);return Array.from({length:L},(f,o)=>o*x)}function Ee(L){const{data:i,width:x,height:f,colors:o,colorDomain:a,radius:u,leftMargin:s,rightMargin:P,topMargin:W,bottomMargin:te,tooltip:U,onSeriesMouseOver:D,highlightedDataPoints:l,selectedColor:z,minValue:B,maxValue:G,onSeriesMouseClick:k,prefix:Q,suffix:C,stripType:Z,highlightColor:v,dotOpacity:j,resetSelectionOnDoubleClick:ie,detailsOnClick:N,styles:E,classNames:I,valueColor:V,animate:m,noOfTicks:w,dimmedOpacity:$,precision:X,customLayers:M}=L,Y=g.useRef(null),R=J.useInView(Y,{once:m.once,amount:m.amount}),[T,y]=g.useState(void 0),[d,q]=g.useState(void 0),[_,H]=g.useState(void 0),[p,h]=g.useState(void 0),O={top:W,bottom:te,left:s,right:P},S=x-O.left-O.right,A=f-O.top-O.bottom,oe=i.map((e,t)=>({...e,id:`${t}`})),re=pe.sortBy(oe,e=>{const t=(l||[]).indexOf(e.label);return t===-1?1/0:t}).reverse(),ne=K.checkIfNullOrUndefined(G)?Math.max(...i.filter(e=>!K.checkIfNullOrUndefined(e.position)).map(e=>e.position))<0?0:Math.max(...i.filter(e=>!K.checkIfNullOrUndefined(e.position)).map(e=>e.position)):G,b=K.checkIfNullOrUndefined(B)?Math.min(...i.filter(e=>!K.checkIfNullOrUndefined(e.position)).map(e=>e.position))>=0?0:Math.min(...i.filter(e=>!K.checkIfNullOrUndefined(e.position)).map(e=>e.position)):B,F=ye.linear().domain([b,ne]).range([0,S]).nice(),le=be(w,S);return r.jsxRuntimeExports.jsxs(r.jsxRuntimeExports.Fragment,{children:[r.jsxRuntimeExports.jsx(J.motion.svg,{width:`${x}px`,height:`${f}px`,viewBox:`0 0 ${x} ${f}`,direction:"ltr",ref:Y,children:r.jsxRuntimeExports.jsxs("g",{transform:`translate(${O.left},${O.top})`,children:[M.filter(e=>e.position==="before").map(e=>e.layer),r.jsxRuntimeExports.jsxs(ve.AnimatePresence,{children:[re.map(e=>r.jsxRuntimeExports.jsxs(J.motion.g,{className:"undp-viz-g-with-hover",variants:{initial:{opacity:0,x:F(0),y:A/2},whileInView:{x:F(e.position),y:A/2,opacity:z?e.color&&o[a.indexOf(e.color)]===z?.95:$:l.length!==0?l.indexOf(e.label)!==-1?.95:$:j,transition:{duration:m.duration}}},initial:"initial",animate:R?"whileInView":"initial",exit:{opacity:0,transition:{duration:m.duration}},onMouseEnter:t=>{y(e),h(t.clientY),H(t.clientX),D?.(e)},onClick:()=>{(k||N)&&(de.isEqual(d,e)&&ie?(q(void 0),k?.(void 0)):(q(e),k?.(e)))},onMouseMove:t=>{y(e),h(t.clientY),H(t.clientX)},onMouseLeave:()=>{y(void 0),H(void 0),h(void 0),D?.(void 0)},children:[Z==="dot"?r.jsxRuntimeExports.jsx(J.motion.circle,{cy:0,cx:0,variants:{initial:{fill:v&&l?l.indexOf(e.label)!==-1?v:i.filter(t=>t.color).length===0?o[0]:e.color?o[a.indexOf(e.color)]:c.Colors.gray:i.filter(t=>t.color).length===0?o[0]:e.color?o[a.indexOf(e.color)]:c.Colors.gray},whileInView:{fill:v&&l?l.indexOf(e.label)!==-1?v:i.filter(t=>t.color).length===0?o[0]:e.color?o[a.indexOf(e.color)]:c.Colors.gray:i.filter(t=>t.color).length===0?o[0]:e.color?o[a.indexOf(e.color)]:c.Colors.gray,transition:{duration:m.duration}}},initial:"initial",animate:R?"whileInView":"initial",exit:{opacity:0,transition:{duration:m.duration}},r:u}):r.jsxRuntimeExports.jsx(J.motion.rect,{y:0-u,x:-1,height:u*2,width:2,variants:{initial:{fill:v&&l?l.indexOf(e.label)!==-1?v:i.filter(t=>t.color).length===0?o[0]:e.color?o[a.indexOf(e.color)]:c.Colors.gray:i.filter(t=>t.color).length===0?o[0]:e.color?o[a.indexOf(e.color)]:c.Colors.gray},whileInView:{fill:v&&l?l.indexOf(e.label)!==-1?v:i.filter(t=>t.color).length===0?o[0]:e.color?o[a.indexOf(e.color)]:c.Colors.gray:i.filter(t=>t.color).length===0?o[0]:e.color?o[a.indexOf(e.color)]:c.Colors.gray,transition:{duration:m.duration}}},initial:"initial",animate:R?"whileInView":"initial",exit:{opacity:0,transition:{duration:m.duration}}}),l.length!==0&&l.indexOf(e.label)!==-1?r.jsxRuntimeExports.jsx(J.motion.text,{x:0,y:0-u-5,variants:{initial:{opacity:0},whileInView:{opacity:1,transition:{duration:m.duration}}},initial:"initial",animate:R?"whileInView":"initial",exit:{opacity:0,transition:{duration:m.duration}},style:{fill:V||(v&&l?l.indexOf(e.label)!==-1?v:i.filter(t=>t.color).length===0?o[0]:e.color?o[a.indexOf(e.color)]:c.Colors.gray:i.filter(t=>t.color).length===0?o[0]:e.color?o[a.indexOf(e.color)]:c.Colors.gray),textAnchor:"middle",...E?.graphObjectValues||{}},className:ae.cnExports.cn("graph-value text-sm font-bold",I?.graphObjectValues),children:he.numberFormattingFunction(e.position,"NA",X,Q,C)}):null]},e.label)),le.map((e,t)=>r.jsxRuntimeExports.jsx("text",{x:e,y:A/2+u,style:{textAnchor:t===0?"start":t===le.length-1?"end":"middle",...E?.xAxis?.labels||{}},className:ae.cnExports.cn("fill-primary-gray-550 dark:fill-primary-gray-500 text-xs",I?.xAxis?.labels),dy:"1em",children:he.numberFormattingFunction(F.invert(e),"NA",X,Q,C)},t))]}),M.filter(e=>e.position==="after").map(e=>e.layer)]})}),T&&U&&_&&p?r.jsxRuntimeExports.jsx(fe.Tooltip,{data:T,body:U,xPos:_,yPos:p,backgroundStyle:E?.tooltip,className:I?.tooltip}):null,N&&d!==void 0?r.jsxRuntimeExports.jsx(ge.ModalExports.Modal,{open:d!==void 0,onClose:()=>{q(void 0)},children:r.jsxRuntimeExports.jsx("div",{className:"graph-modal-content m-0",dangerouslySetInnerHTML:typeof N=="string"?{__html:me.string2HTML(N,d)}:void 0,children:typeof N=="function"?N(d):null})}):null]})}function Me(L){const{data:i,graphTitle:x,colors:f,sources:o,graphDescription:a,height:u,width:s,footNote:P,colorDomain:W,colorLegendTitle:te,radius:U=5,padding:D,backgroundColor:l=!1,leftMargin:z=5,rightMargin:B=5,topMargin:G=10,bottomMargin:k=10,tooltip:Q,relativeHeight:C,onSeriesMouseOver:Z,showColorScale:v=!0,highlightedDataPoints:j=[],graphID:ie,minValue:N,maxValue:E,onSeriesMouseClick:I,graphDownload:V=!1,dataDownload:m=!1,prefix:w="",suffix:$="",stripType:X="dot",language:M="en",highlightColor:Y,dotOpacity:R=.3,showNAColor:T=!0,minHeight:y=0,theme:d="light",ariaLabel:q,resetSelectionOnDoubleClick:_=!0,detailsOnClick:H,styles:p,classNames:h,valueColor:O,animate:S=!1,noOfTicks:A=2,dimmedOpacity:oe=.3,precision:re=2,customLayers:ne=[]}=L,[b,F]=g.useState(0),[le,e]=g.useState(0),[t,xe]=g.useState(void 0),ee=g.useRef(null),se=g.useRef(null);return g.useEffect(()=>{const n=new ResizeObserver(ce=>{F(s||ce[0].target.clientWidth||620),e(u||ce[0].target.clientHeight||480)});return ee.current&&(e(ee.current.clientHeight||480),F(ee.current.clientWidth||620),s||n.observe(ee.current)),()=>n.disconnect()},[s,u]),r.jsxRuntimeExports.jsx("div",{className:`${d||"light"} flex  ${s?"w-fit grow-0":"w-full grow"}`,dir:M==="he"||M==="ar"?"rtl":void 0,children:r.jsxRuntimeExports.jsx("div",{className:ae.cnExports.cn(`${l?l===!0?"bg-primary-gray-200 dark:bg-primary-gray-650 ":"":"bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${M||"en"}`,h?.graphContainer),style:{...p?.graphContainer||{},...l&&l!==!0?{backgroundColor:l}:{}},id:ie,ref:se,"aria-label":q||`${x?`The graph shows ${x}. `:""}This is a strip chart showing distribution of data along the horizontal axis. Each dot represents an individual data point, helping to visualize the spread and clustering of values.${a?` ${a}`:""}`,children:r.jsxRuntimeExports.jsx("div",{className:"flex grow",style:{padding:l?D||"1rem":D||0},children:r.jsxRuntimeExports.jsxs("div",{className:"flex flex-col w-full gap-4 grow justify-between",children:[x||a||V||m?r.jsxRuntimeExports.jsx(we.GraphHeader,{styles:{title:p?.title,description:p?.description},classNames:{title:h?.title,description:h?.description},graphTitle:x,graphDescription:a,width:s,graphDownload:V?se.current:void 0,dataDownload:m?i.map(n=>n.data).filter(n=>n!==void 0).length>0?i.map(n=>n.data).filter(n=>n!==void 0):i.filter(n=>n!==void 0):null}):null,r.jsxRuntimeExports.jsx("div",{className:"grow flex flex-col justify-center gap-3 w-full",children:i.length===0?r.jsxRuntimeExports.jsx(Ce.EmptyState,{}):r.jsxRuntimeExports.jsxs(r.jsxRuntimeExports.Fragment,{children:[v!==!1&&i.filter(n=>n.color).length!==0?r.jsxRuntimeExports.jsx(Oe.ColorLegendWithMouseOver,{width:s,colorLegendTitle:te,colors:f||c.Colors[d].categoricalColors.colors,colorDomain:W||ue.uniqBy(i.filter(n=>n.color),"color").map(n=>n.color),setSelectedColor:xe,showNAColor:T??!0}):null,r.jsxRuntimeExports.jsx("div",{className:"flex flex-col grow justify-center w-full leading-0",ref:ee,"aria-label":"Graph area",children:(s||b)&&(u||le)?r.jsxRuntimeExports.jsx(Ee,{data:i,width:s||b,height:Math.max(y,u||(C?y?(s||b)*C>y?(s||b)*C:y:(s||b)*C:le)),colorDomain:i.filter(n=>n.color).length===0?[]:W||ue.uniqBy(i.filter(n=>n.color),"color").map(n=>n.color),colors:i.filter(n=>n.color).length===0?f?[f]:[c.Colors.primaryColors["blue-600"]]:f||c.Colors[d].categoricalColors.colors,selectedColor:t,radius:U,leftMargin:z,rightMargin:B,topMargin:G,bottomMargin:k,tooltip:Q,onSeriesMouseOver:Z,highlightedDataPoints:j,minValue:N,maxValue:E,onSeriesMouseClick:I,prefix:w,suffix:$,stripType:X,highlightColor:Y,dotOpacity:R,resetSelectionOnDoubleClick:_,detailsOnClick:H,styles:p,classNames:h,valueColor:O,animate:S===!0?{duration:.5,once:!0,amount:.5}:S||{duration:0,once:!0,amount:0},noOfTicks:A,dimmedOpacity:oe,precision:re,customLayers:ne}):null})]})}),o||P?r.jsxRuntimeExports.jsx(je.GraphFooter,{styles:{footnote:p?.footnote,source:p?.source},classNames:{footnote:h?.footnote,source:h?.source},sources:o,footNote:P,width:s}):null]})})})})}function Re(L){const{data:i,width:x,height:f,colors:o,colorDomain:a,radius:u,leftMargin:s,rightMargin:P,topMargin:W,bottomMargin:te,tooltip:U,onSeriesMouseOver:D,highlightedDataPoints:l,selectedColor:z,minValue:B,maxValue:G,onSeriesMouseClick:k,noOfTicks:Q,prefix:C,suffix:Z,stripType:v,highlightColor:j,dotOpacity:ie,resetSelectionOnDoubleClick:N,detailsOnClick:E,styles:I,classNames:V,valueColor:m,animate:w,dimmedOpacity:$,precision:X,customLayers:M}=L,Y=g.useRef(null),R=J.useInView(Y,{once:w.once,amount:w.amount}),[T,y]=g.useState(void 0),[d,q]=g.useState(void 0),[_,H]=g.useState(void 0),[p,h]=g.useState(void 0),O={top:W,bottom:te,left:s,right:P},S=x-O.left-O.right,A=f-O.top-O.bottom,oe=i.map((e,t)=>({...e,id:`${t}`})),re=pe.sortBy(oe,e=>{const t=(l||[]).indexOf(e.label);return t===-1?1/0:t}).reverse(),ne=K.checkIfNullOrUndefined(G)?Math.max(...i.filter(e=>!K.checkIfNullOrUndefined(e.position)).map(e=>e.position))<0?0:Math.max(...i.filter(e=>!K.checkIfNullOrUndefined(e.position)).map(e=>e.position)):G,b=K.checkIfNullOrUndefined(B)?Math.min(...i.filter(e=>!K.checkIfNullOrUndefined(e.position)).map(e=>e.position))>=0?0:Math.min(...i.filter(e=>!K.checkIfNullOrUndefined(e.position)).map(e=>e.position)):B,F=ye.linear().domain([b,ne]).range([A,0]).nice(),le=be(Q,A);return r.jsxRuntimeExports.jsxs(r.jsxRuntimeExports.Fragment,{children:[r.jsxRuntimeExports.jsx(J.motion.svg,{width:`${x}px`,height:`${f}px`,viewBox:`0 0 ${x} ${f}`,direction:"ltr",ref:Y,children:r.jsxRuntimeExports.jsxs("g",{transform:`translate(${O.left},${O.top})`,children:[M.filter(e=>e.position==="before").map(e=>e.layer),r.jsxRuntimeExports.jsxs(ve.AnimatePresence,{children:[re.map(e=>r.jsxRuntimeExports.jsxs(J.motion.g,{className:"undp-viz-g-with-hover",variants:{initial:{opacity:0,x:S/2,y:F(0)},whileInView:{x:S/2,y:F(e.position),opacity:z?e.color&&o[a.indexOf(e.color)]===z?.95:$:l.length!==0?l.indexOf(e.label)!==-1?.95:$:ie,transition:{duration:w.duration}}},initial:"initial",animate:R?"whileInView":"initial",exit:{opacity:0,transition:{duration:w.duration}},onMouseEnter:t=>{y(e),h(t.clientY),H(t.clientX),D?.(e)},onClick:()=>{(k||E)&&(de.isEqual(d,e)&&N?(q(void 0),k?.(void 0)):(q(e),k?.(e)))},onMouseMove:t=>{y(e),h(t.clientY),H(t.clientX)},onMouseLeave:()=>{y(void 0),H(void 0),h(void 0),D?.(void 0)},children:[v==="dot"?r.jsxRuntimeExports.jsx(J.motion.circle,{cy:0,cx:0,variants:{initial:{fill:j&&l?l.indexOf(e.label)!==-1?j:i.filter(t=>t.color).length===0?o[0]:e.color?o[a.indexOf(e.color)]:c.Colors.gray:i.filter(t=>t.color).length===0?o[0]:e.color?o[a.indexOf(e.color)]:c.Colors.gray},whileInView:{fill:j&&l?l.indexOf(e.label)!==-1?j:i.filter(t=>t.color).length===0?o[0]:e.color?o[a.indexOf(e.color)]:c.Colors.gray:i.filter(t=>t.color).length===0?o[0]:e.color?o[a.indexOf(e.color)]:c.Colors.gray,transition:{duration:w.duration}}},initial:"initial",animate:R?"whileInView":"initial",exit:{opacity:0,transition:{duration:w.duration}},r:u}):r.jsxRuntimeExports.jsx(J.motion.rect,{x:0-u,y:-1,width:u*2,height:2,variants:{initial:{fill:j&&l?l.indexOf(e.label)!==-1?j:i.filter(t=>t.color).length===0?o[0]:e.color?o[a.indexOf(e.color)]:c.Colors.gray:i.filter(t=>t.color).length===0?o[0]:e.color?o[a.indexOf(e.color)]:c.Colors.gray},whileInView:{fill:j&&l?l.indexOf(e.label)!==-1?j:i.filter(t=>t.color).length===0?o[0]:e.color?o[a.indexOf(e.color)]:c.Colors.gray:i.filter(t=>t.color).length===0?o[0]:e.color?o[a.indexOf(e.color)]:c.Colors.gray,transition:{duration:w.duration}}},initial:"initial",animate:R?"whileInView":"initial",exit:{opacity:0,transition:{duration:w.duration}}}),l.length!==0&&l.indexOf(e.label)!==-1?r.jsxRuntimeExports.jsx(J.motion.text,{y:0,dy:"0.33em",x:0+u+3,variants:{initial:{opacity:0},whileInView:{opacity:1,transition:{duration:w.duration}}},initial:"initial",animate:R?"whileInView":"initial",exit:{opacity:0,transition:{duration:w.duration}},style:{fill:m||(j&&l?l.indexOf(e.label)!==-1?j:i.filter(t=>t.color).length===0?o[0]:e.color?o[a.indexOf(e.color)]:c.Colors.gray:i.filter(t=>t.color).length===0?o[0]:e.color?o[a.indexOf(e.color)]:c.Colors.gray),textAnchor:"start",...I?.graphObjectValues||{}},className:ae.cnExports.cn("graph-value text-sm font-bold",V?.graphObjectValues),children:he.numberFormattingFunction(e.position,"NA",X,C,Z)}):null]},e.label)),le.map((e,t)=>r.jsxRuntimeExports.jsx("text",{y:e,x:S/2+u+5,style:{textAnchor:"start",...I?.yAxis?.labels||{}},className:ae.cnExports.cn("fill-primary-gray-550 dark:fill-primary-gray-500 text-xs",V?.yAxis?.labels),children:he.numberFormattingFunction(F.invert(e),"NA",X,C,Z)},t))]}),M.filter(e=>e.position==="after").map(e=>e.layer)]})}),T&&U&&_&&p?r.jsxRuntimeExports.jsx(fe.Tooltip,{data:T,body:U,xPos:_,yPos:p,backgroundStyle:I?.tooltip,className:V?.tooltip}):null,E&&d!==void 0?r.jsxRuntimeExports.jsx(ge.ModalExports.Modal,{open:d!==void 0,onClose:()=>{q(void 0)},children:r.jsxRuntimeExports.jsx("div",{className:"graph-modal-content m-0",dangerouslySetInnerHTML:typeof E=="string"?{__html:me.string2HTML(E,d)}:void 0,children:typeof E=="function"?E(d):null})}):null]})}function Ne(L){const{data:i,graphTitle:x,colors:f,sources:o,graphDescription:a,height:u,width:s,footNote:P,colorDomain:W,colorLegendTitle:te,radius:U=5,padding:D,backgroundColor:l=!1,leftMargin:z=20,rightMargin:B=20,topMargin:G=10,bottomMargin:k=10,tooltip:Q,relativeHeight:C,onSeriesMouseOver:Z,showColorScale:v=!0,highlightedDataPoints:j=[],graphID:ie,minValue:N,maxValue:E,onSeriesMouseClick:I,graphDownload:V=!1,dataDownload:m=!1,prefix:w="",suffix:$="",stripType:X="dot",language:M="en",highlightColor:Y,dotOpacity:R=.3,showNAColor:T=!0,minHeight:y=0,theme:d="light",ariaLabel:q,resetSelectionOnDoubleClick:_=!0,detailsOnClick:H,styles:p,classNames:h,valueColor:O,animate:S=!1,noOfTicks:A=2,dimmedOpacity:oe=.3,precision:re=2,customLayers:ne=[]}=L,[b,F]=g.useState(0),[le,e]=g.useState(0),[t,xe]=g.useState(void 0),ee=g.useRef(null),se=g.useRef(null);return g.useEffect(()=>{const n=new ResizeObserver(ce=>{F(s||ce[0].target.clientWidth||620),e(u||ce[0].target.clientHeight||480)});return ee.current&&(e(ee.current.clientHeight||480),F(ee.current.clientWidth||620),s||n.observe(ee.current)),()=>n.disconnect()},[s,u]),r.jsxRuntimeExports.jsx("div",{className:`${d||"light"} flex  ${s?"w-fit grow-0":"w-full grow"}`,dir:M==="he"||M==="ar"?"rtl":void 0,children:r.jsxRuntimeExports.jsx("div",{className:ae.cnExports.cn(`${l?l===!0?"bg-primary-gray-200 dark:bg-primary-gray-650 ":"":"bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${M||"en"}`,h?.graphContainer),style:{...p?.graphContainer||{},...l&&l!==!0?{backgroundColor:l}:{}},id:ie,ref:se,"aria-label":q||`${x?`The graph shows ${x}. `:""}This is a strip chart showing distribution of data along the vertical axis. Each dot represents an individual data point, helping to visualize the spread and clustering of values.${a?` ${a}`:""}`,children:r.jsxRuntimeExports.jsx("div",{className:"flex grow",style:{padding:l?D||"1rem":D||0},children:r.jsxRuntimeExports.jsxs("div",{className:"flex flex-col w-full gap-4 grow justify-between",children:[x||a||V||m?r.jsxRuntimeExports.jsx(we.GraphHeader,{styles:{title:p?.title,description:p?.description},classNames:{title:h?.title,description:h?.description},graphTitle:x,graphDescription:a,width:s,graphDownload:V?se.current:void 0,dataDownload:m?i.map(n=>n.data).filter(n=>n!==void 0).length>0?i.map(n=>n.data).filter(n=>n!==void 0):i.filter(n=>n!==void 0):null}):null,r.jsxRuntimeExports.jsx("div",{className:"grow flex flex-col justify-center gap-3 w-full",children:i.length===0?r.jsxRuntimeExports.jsx(Ce.EmptyState,{}):r.jsxRuntimeExports.jsxs(r.jsxRuntimeExports.Fragment,{children:[v!==!1&&i.filter(n=>n.color).length!==0?r.jsxRuntimeExports.jsx(Oe.ColorLegendWithMouseOver,{width:s,colorLegendTitle:te,colors:f||c.Colors[d].categoricalColors.colors,colorDomain:W||ue.uniqBy(i.filter(n=>n.color),"color").map(n=>n.color),setSelectedColor:xe,showNAColor:T}):null,r.jsxRuntimeExports.jsx("div",{className:"flex flex-col grow justify-center w-full leading-0",ref:ee,children:(s||b)&&(u||le)?r.jsxRuntimeExports.jsx(Re,{data:i,width:s||b,height:Math.max(y,u||(C?y?(s||b)*C>y?(s||b)*C:y:(s||b)*C:le)),colorDomain:i.filter(n=>n.color).length===0?[]:W||ue.uniqBy(i.filter(n=>n.color),"color").map(n=>n.color),colors:i.filter(n=>n.color).length===0?f?[f]:[c.Colors.primaryColors["blue-600"]]:f||c.Colors[d].categoricalColors.colors,selectedColor:t,radius:U,leftMargin:z,rightMargin:B,topMargin:G,bottomMargin:k,tooltip:Q,onSeriesMouseOver:Z,highlightedDataPoints:j,minValue:N,maxValue:E,onSeriesMouseClick:I,prefix:w,suffix:$,stripType:X,highlightColor:Y,dotOpacity:R,resetSelectionOnDoubleClick:_,detailsOnClick:H,styles:p,classNames:h,valueColor:O,animate:S===!0?{duration:.5,once:!0,amount:.5}:S||{duration:0,once:!0,amount:0},noOfTicks:A,dimmedOpacity:oe,precision:re,customLayers:ne}):null})]})}),o||P?r.jsxRuntimeExports.jsx(je.GraphFooter,{styles:{footnote:p?.footnote,source:p?.source},classNames:{footnote:h?.footnote,source:h?.source},sources:o,footNote:P,width:s}):null]})})})})}function Se(L){const{data:i,graphTitle:x,colors:f,sources:o,graphDescription:a,height:u,width:s,footNote:P,colorDomain:W,colorLegendTitle:te,radius:U,padding:D,backgroundColor:l,leftMargin:z,rightMargin:B,topMargin:G,bottomMargin:k,tooltip:Q,relativeHeight:C,onSeriesMouseOver:Z,showColorScale:v,highlightedDataPoints:j,graphID:ie,minValue:N,maxValue:E,onSeriesMouseClick:I,noOfTicks:V,graphDownload:m,dataDownload:w,prefix:$,suffix:X,stripType:M,language:Y,highlightColor:R,dotOpacity:T,showNAColor:y,minHeight:d,theme:q,ariaLabel:_,valueColor:H,resetSelectionOnDoubleClick:p,detailsOnClick:h,orientation:O="vertical",styles:S,classNames:A,animate:oe,dimmedOpacity:re=.3,precision:ne,customLayers:b}=L;return O==="vertical"?r.jsxRuntimeExports.jsx(Ne,{data:i,graphTitle:x,colors:f,sources:o,graphDescription:a,height:u,width:s,footNote:P,colorDomain:W,colorLegendTitle:te,radius:U,padding:D,backgroundColor:l,leftMargin:z,rightMargin:B,topMargin:G,bottomMargin:k,tooltip:Q,relativeHeight:C,onSeriesMouseOver:Z,showColorScale:v,highlightedDataPoints:j,graphID:ie,minValue:N,maxValue:E,onSeriesMouseClick:I,noOfTicks:V,graphDownload:m,dataDownload:w,prefix:$,suffix:X,stripType:M,language:Y,highlightColor:R,dotOpacity:T,showNAColor:y,minHeight:d,theme:q,ariaLabel:_,resetSelectionOnDoubleClick:p,styles:S,valueColor:H,detailsOnClick:h,classNames:A,animate:oe,dimmedOpacity:re,precision:ne,customLayers:b}):r.jsxRuntimeExports.jsx(Me,{data:i,graphTitle:x,colors:f,sources:o,graphDescription:a,height:u,width:s,footNote:P,colorDomain:W,colorLegendTitle:te,radius:U,padding:D,backgroundColor:l,leftMargin:z,rightMargin:B,topMargin:G,bottomMargin:k,tooltip:Q,relativeHeight:C,onSeriesMouseOver:Z,showColorScale:v,highlightedDataPoints:j,graphID:ie,minValue:N,maxValue:E,onSeriesMouseClick:I,noOfTicks:V,graphDownload:m,dataDownload:w,prefix:$,suffix:X,stripType:M,language:Y,highlightColor:R,dotOpacity:T,showNAColor:y,minHeight:d,theme:q,ariaLabel:_,resetSelectionOnDoubleClick:p,styles:S,valueColor:H,detailsOnClick:h,classNames:A,animate:oe,dimmedOpacity:re,precision:ne,customLayers:b})}exports.StripChart=Se;
+//# sourceMappingURL=StripChart.js.map