@while-and-for/tremor-react
Version:
The React library to build dashboards faster.
2 lines (1 loc) • 2.59 kB
JavaScript
;Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("../../../lib/constants.cjs"),t=require("../../../lib/shape.cjs"),a=require("../../../lib/sizing.cjs"),o=require("../../../lib/spacing.cjs"),d=require("../../../lib/theme.cjs"),l=require("../../../lib/utils.cjs"),s=require("../../../lib/tremorTwMerge.cjs");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=m(e);const c=({children:e})=>n.default.createElement("div",{className:s.tremorTwMerge("rounded-tremor-default text-tremor-default","bg-tremor-background shadow-tremor-dropdown border-tremor-border","dark:bg-dark-tremor-background dark:shadow-dark-tremor-dropdown dark:border-dark-tremor-border",t.border.sm.all)},e),i=({value:e,name:r})=>n.default.createElement("div",{className:"flex items-center justify-between space-x-8"},n.default.createElement("div",{className:"flex items-center space-x-2"},n.default.createElement("p",{className:s.tremorTwMerge("text-right whitespace-nowrap","text-tremor-content","dark:text-dark-tremor-content")},r)),n.default.createElement("p",{className:s.tremorTwMerge("font-medium tabular-nums text-right whitespace-nowrap","text-tremor-content-emphasis","dark:text-dark-tremor-content-emphasis")},e));exports.ChartTooltipFrame=c,exports.ChartTooltipRow=i,exports.default=({label:e,active:m,payload:u,valueFormatter:p,axis:b,category:g,categoryColors:f})=>{var k;return m&&u?n.default.createElement(c,null,n.default.createElement("div",{className:s.tremorTwMerge("flex items-center space-x-2","border-tremor-border","dark:border-dark-tremor-border",o.spacing.twoXl.paddingX,o.spacing.sm.paddingY,t.border.sm.bottom)},n.default.createElement("span",{className:s.tremorTwMerge("shrink-0 rounded-tremor-full","border-tremor-background shadow-tremor-card","dark:border-dark-tremor-background dark:shadow-dark-tremor-card",l.getColorClassNames(g&&null!==(k=f.get(u[0].payload[g]))&&void 0!==k?k:r.BaseColors.Blue,d.colorPalette.background).bgColor,a.sizing.sm.height,a.sizing.sm.width,t.border.md.all)}),n.default.createElement("p",{className:s.tremorTwMerge("font-medium","text-tremor-content-emphasis","dark:text-dark-tremor-content-emphasis")},e)),n.default.createElement("div",{className:s.tremorTwMerge(o.spacing.twoXl.paddingX,o.spacing.sm.paddingY,"space-y-1")},u.map((({value:e,name:r},t)=>{var a,o;const d=null!==(a=Object.keys(b).find((e=>b[e]===r)))&&void 0!==a?a:"",s=null!==(o=p[d])&&void 0!==o?o:l.defaultValueFormatter;return n.default.createElement(i,{key:`id-${t}`,value:p&&s?s(e):`${e}`,name:r})})))):null};