playbook-ui 15.8.0-rc.1 → 16.0.0

package/dist/.vite/manifest.json

@@ -1,17 +1,37 @@
 {
-  "__typeahead-D0GNUBXn.js": {
-    "file": "chunks/_typeahead-D0GNUBXn.js",
+  "__pb_line_graph-ByQFYuFO.js": {
+    "file": "chunks/_pb_line_graph-ByQFYuFO.js",
+    "name": "_pb_line_graph",
+    "imports": [
+      "_globalProps-D6R2eJnp.js",
+      "_lib-C8h70OzX.js"
+    ]
+  },
+  "__typeahead-Bl8_gWmz.js": {
+    "file": "chunks/_typeahead-Bl8_gWmz.js",
     "name": "_typeahead",
     "imports": [
-      "_lib-DxCgrqqG.js"
+      "_globalProps-D6R2eJnp.js",
+      "_lib-C8h70OzX.js"
+    ]
+  },
+  "_componentRegistry-DzmmLR2x.js": {
+    "file": "chunks/componentRegistry-DzmmLR2x.js",
+    "name": "componentRegistry"
+  },
+  "_globalProps-D6R2eJnp.js": {
+    "file": "chunks/globalProps-D6R2eJnp.js",
+    "name": "globalProps",
+    "imports": [
+      "_lib-C8h70OzX.js"
     ]
   },
   "_lazysizes-B7xYodB-.js": {
     "file": "chunks/lazysizes-B7xYodB-.js",
     "name": "lazysizes"
   },
-  "_lib-DxCgrqqG.js": {
-    "file": "chunks/lib-DxCgrqqG.js",
+  "_lib-C8h70OzX.js": {
+    "file": "chunks/lib-C8h70OzX.js",
     "name": "lib",
     "css": [
       "lib.css"
@@ -21,14 +41,39 @@
     "file": "lib.css",
     "src": "_lib.css"
   },
+  "entrypoints/playbook-charts.js": {
+    "file": "playbook-charts.js",
+    "name": "entrypoints/playbook-charts.js",
+    "src": "entrypoints/playbook-charts.js",
+    "isEntry": true,
+    "imports": [
+      "__pb_line_graph-ByQFYuFO.js",
+      "_globalProps-D6R2eJnp.js",
+      "_lib-C8h70OzX.js"
+    ]
+  },
+  "entrypoints/playbook-rails-charts-bindings.js": {
+    "file": "playbook-rails-charts-bindings.js",
+    "name": "entrypoints/playbook-rails-charts-bindings.js",
+    "src": "entrypoints/playbook-rails-charts-bindings.js",
+    "isEntry": true,
+    "imports": [
+      "_componentRegistry-DzmmLR2x.js",
+      "__pb_line_graph-ByQFYuFO.js",
+      "_globalProps-D6R2eJnp.js",
+      "_lib-C8h70OzX.js"
+    ]
+  },
   "entrypoints/playbook-rails-react-bindings.js": {
     "file": "playbook-rails-react-bindings.js",
     "name": "entrypoints/playbook-rails-react-bindings.js",
     "src": "entrypoints/playbook-rails-react-bindings.js",
     "isEntry": true,
     "imports": [
-      "__typeahead-D0GNUBXn.js",
-      "_lib-DxCgrqqG.js"
+      "_componentRegistry-DzmmLR2x.js",
+      "__typeahead-Bl8_gWmz.js",
+      "_globalProps-D6R2eJnp.js",
+      "_lib-C8h70OzX.js"
     ]
   },
   "entrypoints/playbook-rails.js": {
@@ -37,10 +82,12 @@
     "src": "entrypoints/playbook-rails.js",
     "isEntry": true,
     "imports": [
-      "_lib-DxCgrqqG.js",
-      "__typeahead-D0GNUBXn.js",
+      "_lib-C8h70OzX.js",
+      "__typeahead-Bl8_gWmz.js",
       "_lazysizes-B7xYodB-.js",
-      "entrypoints/playbook-rails-react-bindings.js"
+      "entrypoints/playbook-rails-react-bindings.js",
+      "_globalProps-D6R2eJnp.js",
+      "_componentRegistry-DzmmLR2x.js"
     ]
   },
   "entrypoints/playbook.js": {
@@ -51,8 +98,9 @@
     "imports": [
       "entrypoints/playbook.js",
       "_lazysizes-B7xYodB-.js",
-      "__typeahead-D0GNUBXn.js",
-      "_lib-DxCgrqqG.js"
+      "__typeahead-Bl8_gWmz.js",
+      "_lib-C8h70OzX.js",
+      "_globalProps-D6R2eJnp.js"
     ]
   },
   "entrypoints/playbook.scss": {

package/dist/charts.js

@@ -0,0 +1 @@
+import{P,a,b,c}from"./chunks/_pb_line_graph-ByQFYuFO.js";import"react/jsx-runtime";import"react";import"./chunks/globalProps-D6R2eJnp.js";import"./chunks/lib-C8h70OzX.js";import"highcharts";import"highcharts-react-official";import"highcharts/highcharts-more";import"highcharts/modules/solid-gauge";export{P as PbBarGraph,a as PbCircleChart,b as PbGaugeChart,c as PbLineGraph};

package/dist/chunks/_pb_line_graph-ByQFYuFO.js

@@ -0,0 +1 @@
+import{jsx}from"react/jsx-runtime";import{useMemo}from"react";import{b as buildAriaProps,a as buildDataProps,c as buildHtmlProps,d as classnames,e as buildCss,g as globalProps}from"./globalProps-D6R2eJnp.js";import Highcharts from"highcharts";import HighchartsReact from"highcharts-react-official";import{t as typography,c as colors}from"./lib-C8h70OzX.js";import highchartsMore from"highcharts/highcharts-more";import solidGauge from"highcharts/modules/solid-gauge";const barGraphTheme={title:{text:"",style:{color:colors.text_lt_default,fontFamily:typography.font_family_base,fontWeight:typography.bold,fontSize:typography.heading_3}},subtitle:{text:"",style:{fontFamily:typography.font_family_base,color:colors.text_lt_light,fontWeight:typography.regular,fontSize:typography.text_base}},chart:{type:"column"},tooltip:{backgroundColor:{linearGradient:{x1:0,y1:0,x2:0,y2:1},stops:[[0,colors.bg_dark],[1,colors.bg_dark]]},style:{fontFamily:typography.font_family_base,color:colors.text_dk_default,fontWeight:typography.regular,fontSize:typography.text_smaller}},colors:[colors.data_1,colors.data_2,colors.data_3,colors.data_4,colors.data_5,colors.data_6,colors.data_7],credits:{enabled:false},legend:{enabled:false,itemStyle:{color:colors.text_lt_light,fill:colors.text_lt_light,fontSize:typography.text_smaller}},xAxis:{gridLineWidth:0,lineColor:colors.border_light,tickColor:colors.border_light,labels:{style:{fontFamily:typography.font_family_base,color:colors.text_lt_lighter,fontWeight:typography.bold,fontSize:typography.text_smaller}},title:{style:{color:colors.text_lt_default,fontFamily:typography.font_family_base,fontWeight:typography.regular,fontSize:typography.heading_4}}},yAxis:{alternateGridColor:void 0,minorTickInterval:null,gridLineColor:colors.border_light,minorGridLineColor:colors.border_light,lineWidth:0,tickWidth:0,labels:{style:{fontFamily:typography.font_family_base,color:colors.text_lt_lighter,fontWeight:typography.bold,fontSize:typography.text_smaller}},title:{style:{fontFamily:typography.font_family_base,color:colors.text_lt_lighter,fontWeight:typography.bold,fontSize:typography.text_smaller}}}};const PbBarGraph=props=>{const{aria:aria={},data:data={},id:id,htmlOptions:htmlOptions={},options:options,className:className}=props;const ariaProps=buildAriaProps(aria);const dataProps=buildDataProps(data);const htmlProps=buildHtmlProps(htmlOptions);const classes=classnames(buildCss("pb_pb_bar_graph"),globalProps(props),className);const mergedOptions=useMemo((()=>{if(!options||typeof options!=="object"){console.error("❌ Invalid options passed to <PbBarGraph />",options);return{}}return Highcharts.merge({},barGraphTheme,options)}),[options]);return jsx("div",{children:jsx(HighchartsReact,{containerProps:{className:classnames(classes),id:id,...ariaProps,...dataProps,...htmlProps},highcharts:Highcharts,options:mergedOptions})})};const pbCircleChartTheme={title:{text:"",style:{color:colors.text_lt_default,fontFamily:typography.font_family_base,fontWeight:typography.bold,fontSize:typography.heading_3}},chart:{type:"pie"},tooltip:{backgroundColor:{linearGradient:{x1:0,y1:0,x2:0,y2:1},stops:[[0,colors.bg_dark],[1,colors.bg_dark]]},pointFormat:'<span style="font-weight: bold; color:{point.color};">●</span>{point.name}: <b>{point.y}</b>',followPointer:true,shadow:false,borderWidth:0,borderRadius:10,style:{fontFamily:typography.font_family_base,color:colors.text_dk_default,fontWeight:typography.regular,fontSize:typography.text_smaller}},plotOptions:{pie:{dataLabels:{enabled:false,connectorShape:"straight",connectorWidth:3,format:"<div>{point.name}</div>",style:{fontFamily:typography.font_family_base,fontSize:typography.text_smaller,color:colors.text_lt_light,fontWeight:typography.regular,textOutline:"2px $white"}},innerSize:"50%",borderColor:"",borderWidth:null,colors:[colors.data_1,colors.data_2,colors.data_3,colors.data_4,colors.data_5,colors.data_6,colors.data_7]}},legend:{layout:"horizontal",align:"center",verticalAlign:"bottom",itemStyle:{fontFamily:typography.font_family_base,color:colors.text_lt_light,fontWeight:typography.regular,fontSize:typography.text_smaller},itemHoverStyle:{color:colors.text_lt_default},itemHiddenStyle:{color:colors.text_lt_lighter}},credits:{enabled:false}};const PbCircleChart=props=>{const{aria:aria={},className:className,data:data={},id:id,htmlOptions:htmlOptions={},options:options}=props;const ariaProps=buildAriaProps(aria);const dataProps=buildDataProps(data);const htmlProps=buildHtmlProps(htmlOptions);const classes=classnames(buildCss("pb_pb_circle_chart"),globalProps(props),className);const mergedOptions=useMemo((()=>{if(!options||typeof options!=="object"){console.error("❌ Invalid options passed to <PbCircleChart />",options);return{}}return Highcharts.merge({},pbCircleChartTheme,options)}),[options]);return jsx("div",{children:jsx(HighchartsReact,{containerProps:{className:classnames(classes),id:id,...ariaProps,...dataProps,...htmlProps},highcharts:Highcharts,options:mergedOptions})})};const pbGaugeGraphTheme={title:{text:"",style:{fontFamily:typography.font_family_base,fontSize:typography.text_larger}},chart:{type:"solidgauge",events:{render(){this.container;const arc=this.container.querySelector("path.gauge-pane");if(arc)arc.setAttribute("stroke-linejoin","round")}}},pane:{size:"90%",startAngle:-100,endAngle:100,background:[{borderWidth:20,innerRadius:"90%",outerRadius:"90%",shape:"arc",className:"gauge-pane",borderColor:colors.border_light,borderRadius:"50%"}]},tooltip:{backgroundColor:{linearGradient:{x1:0,y1:0,x2:0,y2:1},stops:[[0,colors.bg_dark],[1,colors.bg_dark]]},pointFormat:'<span style="font-weight: bold; color:{point.color};">●</span>{point.name}: <b>{point.y}</b>',followPointer:true,shadow:false,borderWidth:0,borderRadius:10,style:{fontFamily:typography.font_family_base,color:colors.text_dk_default,fontWeight:typography.regular,fontSize:typography.text_smaller}},yAxis:{min:0,max:100,lineWidth:0,tickPositions:[]},plotOptions:{solidgauge:{borderColor:colors.data_1,borderWidth:20,color:colors.data_1,radius:90,innerRadius:"90%",y:-26,dataLabels:{borderWidth:0,color:colors.text_lt_default,enabled:true,format:'<span class="fix">{y:,f}</span>',style:{fontFamily:typography.font_family_base,fontWeight:typography.regular,fontSize:typography.heading_2},y:-26}}},credits:{enabled:false}};const PbGaugeChart=props=>{const{aria:aria={},className:className,data:data={},htmlOptions:htmlOptions={},id:id,ref:ref,options:options={}}=props;const ariaProps=buildAriaProps(aria);const dataProps=buildDataProps(data);const htmlProps=buildHtmlProps(htmlOptions);const classes=classnames(buildCss("pb_pb_gauge_chart"),globalProps(props),className);const mergedOptions=useMemo((()=>{if(!options||typeof options!=="object"){console.error("❌ Invalid options passed to <PbLineGraph />",options);return{}}return Highcharts.merge({},pbGaugeGraphTheme,options)}),[options]);highchartsMore(Highcharts);solidGauge(Highcharts);return jsx("div",{children:jsx(HighchartsReact,{containerProps:{className:classnames(classes),id:id,ref:ref,...ariaProps,...dataProps,...htmlProps},highcharts:Highcharts,options:mergedOptions})})};const pbLineGraphTheme={title:{text:"",style:{color:colors.text_lt_default,fontFamily:typography.font_family_base,fontWeight:typography.bold,fontSize:typography.heading_3}},subtitle:{text:"",style:{fontFamily:typography.font_family_base,color:colors.text_lt_light,fontWeight:typography.regular,fontSize:typography.text_base}},chart:{type:"line"},tooltip:{backgroundColor:{linearGradient:{x1:0,y1:0,x2:0,y2:1},stops:[[0,colors.bg_dark],[1,colors.bg_dark]]},followPointer:true,shadow:false,borderWidth:0,borderRadius:10,style:{fontFamily:typography.font_family_base,color:colors.text_dk_default,fontWeight:typography.regular,fontSize:typography.text_smaller}},plotOptions:{line:{dataLabels:{enabled:false}}},credits:{enabled:false},legend:{enabled:false,itemStyle:{fontFamily:typography.font_family_base,color:colors.text_lt_light,fontWeight:typography.regular,fontSize:typography.text_smaller},itemHoverStyle:{color:colors.text_lt_default},itemHiddenStyle:{color:colors.text_lt_lighter}},colors:[colors.data_1,colors.data_2,colors.data_3,colors.data_4,colors.data_5,colors.data_6,colors.data_7],xAxis:{gridLineWidth:0,lineColor:colors.border_light,tickColor:colors.border_light,labels:{style:{fontFamily:typography.font_family_base,color:colors.text_lt_lighter,fontWeight:typography.bold,fontSize:typography.text_smaller}},title:{style:{color:colors.text_lt_default,fontFamily:typography.font_family_base,fontWeight:typography.regular,fontSize:typography.heading_4}}},yAxis:{alternateGridColor:void 0,minorTickInterval:null,gridLineColor:colors.border_light,minorGridLineColor:colors.border_light,lineWidth:0,tickWidth:0,tickPixelInterval:50,labels:{style:{fontFamily:typography.font_family_base,color:colors.text_lt_lighter,fontWeight:typography.bold,fontSize:typography.text_smaller}},title:{style:{fontFamily:typography.font_family_base,color:colors.text_lt_lighter,fontWeight:typography.bold,fontSize:typography.text_smaller}}}};const PbLineGraph=props=>{const{aria:aria={},className:className,data:data={},id:id,htmlOptions:htmlOptions={},options:options}=props;const ariaProps=buildAriaProps(aria);const dataProps=buildDataProps(data);const htmlProps=buildHtmlProps(htmlOptions);const classes=classnames(buildCss("pb_pb_line_graph"),globalProps(props),className);const mergedOptions=useMemo((()=>{if(!options||typeof options!=="object"){console.error("❌ Invalid options passed to <PbLineGraph />",options);return{}}return Highcharts.merge({},pbLineGraphTheme,options)}),[options]);return jsx("div",{children:jsx(HighchartsReact,{containerProps:{className:classnames(classes),id:id,...ariaProps,...dataProps,...htmlProps},highcharts:Highcharts,options:mergedOptions})})};export{PbBarGraph as P,PbCircleChart as a,PbGaugeChart as b,PbLineGraph as c};