playbook-ui 16.0.0-alpha.fixiconsvgdataattrspropagation13513 → 16.0.0-alpha.tempotextareasentry13639
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/.vite/manifest.json +28 -28
- package/dist/charts.js +1 -1
- package/dist/chunks/{_pb_line_graph-hxi01lk7.js → _pb_line_graph-BgKF_zz1.js} +1 -1
- package/dist/chunks/{_typeahead-BgLnlhzP.js → _typeahead-BPqqGqv_.js} +1 -1
- package/dist/chunks/{globalProps-DgYwLYNx.js → globalProps-BhVYCqRf.js} +1 -1
- package/dist/chunks/{lib-NLxTo8OB.js → lib-DD34ZrWL.js} +1 -1
- package/dist/chunks/vendor.js +1 -1
- package/dist/playbook-charts.js +1 -1
- package/dist/playbook-rails-charts-bindings.js +1 -1
- package/dist/playbook-rails-react-bindings.js +1 -1
- package/dist/playbook-rails.js +1 -1
- package/dist/playbook.js +1 -1
- package/package.json +1 -1
package/dist/.vite/manifest.json
CHANGED
|
@@ -1,37 +1,37 @@
|
|
|
1
1
|
{
|
|
2
|
-
"__pb_line_graph-
|
|
3
|
-
"file": "chunks/_pb_line_graph-
|
|
2
|
+
"__pb_line_graph-BgKF_zz1.js": {
|
|
3
|
+
"file": "chunks/_pb_line_graph-BgKF_zz1.js",
|
|
4
4
|
"name": "_pb_line_graph",
|
|
5
5
|
"imports": [
|
|
6
|
-
"_globalProps-
|
|
7
|
-
"_lib-
|
|
6
|
+
"_globalProps-BhVYCqRf.js",
|
|
7
|
+
"_lib-DD34ZrWL.js"
|
|
8
8
|
]
|
|
9
9
|
},
|
|
10
|
-
"__typeahead-
|
|
11
|
-
"file": "chunks/_typeahead-
|
|
10
|
+
"__typeahead-BPqqGqv_.js": {
|
|
11
|
+
"file": "chunks/_typeahead-BPqqGqv_.js",
|
|
12
12
|
"name": "_typeahead",
|
|
13
13
|
"imports": [
|
|
14
|
-
"_globalProps-
|
|
15
|
-
"_lib-
|
|
14
|
+
"_globalProps-BhVYCqRf.js",
|
|
15
|
+
"_lib-DD34ZrWL.js"
|
|
16
16
|
]
|
|
17
17
|
},
|
|
18
18
|
"_componentRegistry-DzmmLR2x.js": {
|
|
19
19
|
"file": "chunks/componentRegistry-DzmmLR2x.js",
|
|
20
20
|
"name": "componentRegistry"
|
|
21
21
|
},
|
|
22
|
-
"_globalProps-
|
|
23
|
-
"file": "chunks/globalProps-
|
|
22
|
+
"_globalProps-BhVYCqRf.js": {
|
|
23
|
+
"file": "chunks/globalProps-BhVYCqRf.js",
|
|
24
24
|
"name": "globalProps",
|
|
25
25
|
"imports": [
|
|
26
|
-
"_lib-
|
|
26
|
+
"_lib-DD34ZrWL.js"
|
|
27
27
|
]
|
|
28
28
|
},
|
|
29
29
|
"_lazysizes-B7xYodB-.js": {
|
|
30
30
|
"file": "chunks/lazysizes-B7xYodB-.js",
|
|
31
31
|
"name": "lazysizes"
|
|
32
32
|
},
|
|
33
|
-
"_lib-
|
|
34
|
-
"file": "chunks/lib-
|
|
33
|
+
"_lib-DD34ZrWL.js": {
|
|
34
|
+
"file": "chunks/lib-DD34ZrWL.js",
|
|
35
35
|
"name": "lib",
|
|
36
36
|
"css": [
|
|
37
37
|
"lib.css"
|
|
@@ -47,9 +47,9 @@
|
|
|
47
47
|
"src": "entrypoints/playbook-charts.js",
|
|
48
48
|
"isEntry": true,
|
|
49
49
|
"imports": [
|
|
50
|
-
"__pb_line_graph-
|
|
51
|
-
"_globalProps-
|
|
52
|
-
"_lib-
|
|
50
|
+
"__pb_line_graph-BgKF_zz1.js",
|
|
51
|
+
"_globalProps-BhVYCqRf.js",
|
|
52
|
+
"_lib-DD34ZrWL.js"
|
|
53
53
|
]
|
|
54
54
|
},
|
|
55
55
|
"entrypoints/playbook-rails-charts-bindings.js": {
|
|
@@ -59,9 +59,9 @@
|
|
|
59
59
|
"isEntry": true,
|
|
60
60
|
"imports": [
|
|
61
61
|
"_componentRegistry-DzmmLR2x.js",
|
|
62
|
-
"__pb_line_graph-
|
|
63
|
-
"_globalProps-
|
|
64
|
-
"_lib-
|
|
62
|
+
"__pb_line_graph-BgKF_zz1.js",
|
|
63
|
+
"_globalProps-BhVYCqRf.js",
|
|
64
|
+
"_lib-DD34ZrWL.js"
|
|
65
65
|
]
|
|
66
66
|
},
|
|
67
67
|
"entrypoints/playbook-rails-react-bindings.js": {
|
|
@@ -71,9 +71,9 @@
|
|
|
71
71
|
"isEntry": true,
|
|
72
72
|
"imports": [
|
|
73
73
|
"_componentRegistry-DzmmLR2x.js",
|
|
74
|
-
"__typeahead-
|
|
75
|
-
"_globalProps-
|
|
76
|
-
"_lib-
|
|
74
|
+
"__typeahead-BPqqGqv_.js",
|
|
75
|
+
"_globalProps-BhVYCqRf.js",
|
|
76
|
+
"_lib-DD34ZrWL.js"
|
|
77
77
|
]
|
|
78
78
|
},
|
|
79
79
|
"entrypoints/playbook-rails.js": {
|
|
@@ -82,11 +82,11 @@
|
|
|
82
82
|
"src": "entrypoints/playbook-rails.js",
|
|
83
83
|
"isEntry": true,
|
|
84
84
|
"imports": [
|
|
85
|
-
"_lib-
|
|
86
|
-
"__typeahead-
|
|
85
|
+
"_lib-DD34ZrWL.js",
|
|
86
|
+
"__typeahead-BPqqGqv_.js",
|
|
87
87
|
"_lazysizes-B7xYodB-.js",
|
|
88
88
|
"entrypoints/playbook-rails-react-bindings.js",
|
|
89
|
-
"_globalProps-
|
|
89
|
+
"_globalProps-BhVYCqRf.js",
|
|
90
90
|
"_componentRegistry-DzmmLR2x.js"
|
|
91
91
|
]
|
|
92
92
|
},
|
|
@@ -98,9 +98,9 @@
|
|
|
98
98
|
"imports": [
|
|
99
99
|
"entrypoints/playbook.js",
|
|
100
100
|
"_lazysizes-B7xYodB-.js",
|
|
101
|
-
"__typeahead-
|
|
102
|
-
"_lib-
|
|
103
|
-
"_globalProps-
|
|
101
|
+
"__typeahead-BPqqGqv_.js",
|
|
102
|
+
"_lib-DD34ZrWL.js",
|
|
103
|
+
"_globalProps-BhVYCqRf.js"
|
|
104
104
|
]
|
|
105
105
|
},
|
|
106
106
|
"entrypoints/playbook.scss": {
|
package/dist/charts.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{P,a,b,c}from"./chunks/_pb_line_graph-
|
|
1
|
+
import{P,a,b,c}from"./chunks/_pb_line_graph-BgKF_zz1.js";import"react/jsx-runtime";import"react";import"./chunks/globalProps-BhVYCqRf.js";import"./chunks/lib-DD34ZrWL.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};
|
|
@@ -1 +1 @@
|
|
|
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-
|
|
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-BhVYCqRf.js";import Highcharts from"highcharts";import HighchartsReact from"highcharts-react-official";import{t as typography,c as colors}from"./lib-DD34ZrWL.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};
|