@useloops/design-system
Version:
The official React based Loops design system
2 lines (1 loc) • 1.09 kB
JavaScript
;Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),a=require("react"),t=require("../../GraphPopoverDataLayout/GraphPopoverDataLayout.js"),r=require("../../../../node_modules/uuid/dist/esm-browser/v4.js");function n(e){return e&&e.__esModule?e:{default:e}}var o=n(a);const l=(a,n=465)=>{const o=Math.max(...a.map((e,a)=>e.percentage));return a.map((l,i)=>({totalBars:a.length,barIndex:i,percentage:l.percentage,amount:l.amount,label:l.name,relativePercentage:l.relativePercentage,id:r(),checked:!0,tickInterval:10,disableTooltip:!1,hideCheckbox:!1,hideLabel:!1,hideValue:!1,animateBar:!0,disabled:!1,loading:!1,onChange:(e,a)=>console.warn(l,a),value:l.percentage,hidePercentageSymbol:l.hidePercentageSymbol,maxDataValue:o,graphMaxHeight:n,tooltipContent:e.jsx(t,{primaryHeadlineLabel:l.name,secondarySlot1:`${l.percentage}%`,secondarySlot2:`Selected by ${l.amount} respondents`})}))};exports.createInitialData=l,exports.default=(e,a=465)=>{const[t,r]=o.default.useState(()=>l(e,a));return{storedData:t,setStoredData:r,createInitialData:l}};