playbook-ui 14.21.2 → 14.22.0-alpha.PLAY2132phonenumberinputvalidationtooaggressive8863

package/dist/.vite/manifest.json

@@ -1,40 +1,48 @@
 {
-  "__typeahead-BlPRej0F.js": {
-    "file": "chunks/_typeahead-BlPRej0F.js",
+  "__circle_chart-C56zcOHC.js": {
+    "file": "chunks/_circle_chart-C56zcOHC.js",
+    "name": "_circle_chart",
+    "imports": [
+      "__typeahead-Do6525vz.js",
+      "_lib-DYpq0k8j.js"
+    ]
+  },
+  "__typeahead-Do6525vz.js": {
+    "file": "chunks/_typeahead-Do6525vz.js",
     "name": "_typeahead",
     "imports": [
-      "_lib-D4vXIZF5.js"
+      "_lib-DYpq0k8j.js"
     ]
   },
-  "__weekday_stacked-CzxoxxCR.js": {
-    "file": "chunks/_weekday_stacked-CzxoxxCR.js",
+  "__weekday_stacked-CrFm3XuJ.js": {
+    "file": "chunks/_weekday_stacked-CrFm3XuJ.js",
     "name": "_weekday_stacked",
     "imports": [
-      "_lazysizes-DHz07jlL.js",
-      "__typeahead-BlPRej0F.js",
-      "_lib-D4vXIZF5.js"
+      "_lazysizes-B7xYodB-.js",
+      "__typeahead-Do6525vz.js",
+      "_lib-DYpq0k8j.js"
     ]
   },
-  "_lazysizes-DHz07jlL.js": {
-    "file": "chunks/lazysizes-DHz07jlL.js",
+  "_lazysizes-B7xYodB-.js": {
+    "file": "chunks/lazysizes-B7xYodB-.js",
     "name": "lazysizes"
   },
-  "_lib-!~{001}~.js": {
-    "file": "lib.css",
-    "src": "_lib-!~{001}~.js"
-  },
-  "_lib-D4vXIZF5.js": {
-    "file": "chunks/lib-D4vXIZF5.js",
+  "_lib-DYpq0k8j.js": {
+    "file": "chunks/lib-DYpq0k8j.js",
     "name": "lib",
     "css": [
       "lib.css"
     ]
   },
-  "_pb_form_validation-DyvJ8iPe.js": {
-    "file": "chunks/pb_form_validation-DyvJ8iPe.js",
+  "_lib.css": {
+    "file": "lib.css",
+    "src": "_lib.css"
+  },
+  "_pb_form_validation-BUOKwfvW.js": {
+    "file": "chunks/pb_form_validation-BUOKwfvW.js",
     "name": "pb_form_validation",
     "imports": [
-      "_lib-D4vXIZF5.js"
+      "_lib-DYpq0k8j.js"
     ]
   },
   "entrypoints/playbook-doc.js": {
@@ -43,14 +51,11 @@
     "src": "entrypoints/playbook-doc.js",
     "isEntry": true,
     "imports": [
-      "_pb_form_validation-DyvJ8iPe.js",
-      "__weekday_stacked-CzxoxxCR.js",
-      "__typeahead-BlPRej0F.js",
-      "_lazysizes-DHz07jlL.js",
-      "_lib-D4vXIZF5.js"
-    ],
-    "css": [
-      "playbook-doc.css"
+      "_pb_form_validation-BUOKwfvW.js",
+      "__weekday_stacked-CrFm3XuJ.js",
+      "__typeahead-Do6525vz.js",
+      "_lazysizes-B7xYodB-.js",
+      "_lib-DYpq0k8j.js"
     ]
   },
   "entrypoints/playbook-rails-react-bindings.js": {
@@ -59,8 +64,9 @@
     "src": "entrypoints/playbook-rails-react-bindings.js",
     "isEntry": true,
     "imports": [
-      "__typeahead-BlPRej0F.js",
-      "_lib-D4vXIZF5.js"
+      "_lib-DYpq0k8j.js",
+      "__circle_chart-C56zcOHC.js",
+      "__typeahead-Do6525vz.js"
     ]
   },
   "entrypoints/playbook-rails.js": {
@@ -69,11 +75,12 @@
     "src": "entrypoints/playbook-rails.js",
     "isEntry": true,
     "imports": [
-      "_lib-D4vXIZF5.js",
-      "__typeahead-BlPRej0F.js",
-      "_pb_form_validation-DyvJ8iPe.js",
-      "_lazysizes-DHz07jlL.js",
-      "entrypoints/playbook-rails-react-bindings.js"
+      "_lib-DYpq0k8j.js",
+      "__typeahead-Do6525vz.js",
+      "_pb_form_validation-BUOKwfvW.js",
+      "_lazysizes-B7xYodB-.js",
+      "entrypoints/playbook-rails-react-bindings.js",
+      "__circle_chart-C56zcOHC.js"
     ]
   },
   "entrypoints/playbook.js": {
@@ -82,10 +89,11 @@
     "src": "entrypoints/playbook.js",
     "isEntry": true,
     "imports": [
-      "__weekday_stacked-CzxoxxCR.js",
-      "_lazysizes-DHz07jlL.js",
-      "__typeahead-BlPRej0F.js",
-      "_lib-D4vXIZF5.js"
+      "__weekday_stacked-CrFm3XuJ.js",
+      "_lazysizes-B7xYodB-.js",
+      "__typeahead-Do6525vz.js",
+      "__circle_chart-C56zcOHC.js",
+      "_lib-DYpq0k8j.js"
     ]
   },
   "entrypoints/playbook.scss": {

package/dist/chunks/_circle_chart-C56zcOHC.js

@@ -0,0 +1 @@
+import{jsx,Fragment,jsxs}from"react/jsx-runtime";import{useState,useEffect}from"react";import{b as buildAriaProps,a as buildDataProps,c as buildHtmlProps,m as mapColors,H as HighchartsReact,d as Highcharts,e as classnames,g as globalProps,f as HighchartsMore}from"./_typeahead-Do6525vz.js";import{h as highchartsTheme,m as merge,a as highchartsDarkTheme}from"./lib-DYpq0k8j.js";const BarGraph=({aria:aria={},data:data={},align:align="center",axisTitle:axisTitle,dark:dark=false,chartData:chartData,className:className="pb_bar_graph",colors:colors,htmlOptions:htmlOptions={},customOptions:customOptions={},axisFormat:axisFormat,id:id,pointStart:pointStart,stacking:stacking,subTitle:subTitle,type:type="column",title:title="Title",xAxisCategories:xAxisCategories,yAxisMin:yAxisMin,yAxisMax:yAxisMax,legend:legend=false,toggleLegendClick:toggleLegendClick=true,height:height,layout:layout="horizontal",verticalAlign:verticalAlign="bottom",x:x=0,y:y=0,...props})=>{const ariaProps=buildAriaProps(aria);const dataProps=buildDataProps(data);const htmlProps=buildHtmlProps(htmlOptions);const setupTheme=()=>{dark?Highcharts.setOptions(highchartsDarkTheme):Highcharts.setOptions(highchartsTheme)};setupTheme();const staticOptions={title:{text:title},chart:{height:height,type:type},subtitle:{text:subTitle},yAxis:[{labels:{format:typeof axisFormat==="string"?axisFormat:axisFormat&&axisFormat[0]?axisFormat[0].format:""},min:yAxisMin,max:yAxisMax,opposite:false,title:{text:Array.isArray(axisTitle)?axisTitle.length>0?axisTitle[0].name:null:axisTitle},plotLines:typeof yAxisMin!=="undefined"&&yAxisMin!==null?[]:[{value:0,zIndex:10,color:"#E4E8F0"}]}],xAxis:{categories:xAxisCategories},legend:{enabled:legend,align:align,verticalAlign:verticalAlign,layout:layout,x:x,y:y},colors:colors!==void 0&&colors.length>0?mapColors(colors):highchartsTheme.colors,plotOptions:{series:{stacking:stacking,pointStart:pointStart,borderWidth:stacking?0:"",events:{},dataLabels:{enabled:false}}},series:chartData,credits:false};if(Array.isArray(axisTitle)&&axisTitle.length>1&&axisTitle[1].name){staticOptions.yAxis.push({labels:{format:typeof axisFormat==="string"?axisFormat:axisFormat[1].format},min:yAxisMin,max:yAxisMax,opposite:true,title:{text:axisTitle[1].name},plotLines:typeof yAxisMin!=="undefined"&&yAxisMin!==null?[]:[{value:0,zIndex:10,color:"#E4E8F0"}]})}if(!toggleLegendClick){staticOptions.plotOptions.series.events={legendItemClick:()=>false}}const filteredProps={...props};delete filteredProps.verticalAlign;const[options,setOptions]=useState({});useEffect((()=>{setOptions(merge(staticOptions,customOptions))}),[chartData]);return jsx(HighchartsReact,{containerProps:{className:classnames(globalProps(filteredProps),className),id:id,...ariaProps,...dataProps,...htmlProps},highcharts:Highcharts,options:options})};const alignBlockElement=event=>{const itemToMove=document.querySelector(`#wrapper-circle-chart-${event.target.renderTo.id} .pb-circle-chart-block`);const chartContainer=document.querySelector(`#${event.target.renderTo.id}`);if(itemToMove!==null&&chartContainer!==null){itemToMove.style.height=`${event.target.chartHeight}px`;itemToMove.style.width=`${event.target.chartWidth}px`;if(chartContainer.firstChild!==null){chartContainer.firstChild.before(itemToMove)}}};const CircleChart=({align:align="center",aria:aria={},rounded:rounded=false,borderColor:borderColor=(rounded?null:""),borderWidth:borderWidth=(rounded?20:null),chartData:chartData,children:children,className:className,colors:colors=[],customOptions:customOptions={},dark:dark=false,data:data={},dataLabelHtml:dataLabelHtml="<div>{point.name}</div>",dataLabels:dataLabels=false,height:height,htmlOptions:htmlOptions={},id:id,innerSize:innerSize="md",legend:legend=false,maxPointSize:maxPointSize=null,minPointSize:minPointSize=null,startAngle:startAngle=null,style:style="pie",title:title,tooltipHtml:tooltipHtml,useHtml:useHtml=false,zMin:zMin=null,layout:layout="horizontal",verticalAlign:verticalAlign="bottom",x:x=0,y:y=0,...props})=>{const ariaProps=buildAriaProps(aria);const dataProps=buildDataProps(data);const htmlProps=buildHtmlProps(htmlOptions);HighchartsMore(Highcharts);const setupTheme=()=>{dark?Highcharts.setOptions(highchartsDarkTheme):Highcharts.setOptions(highchartsTheme)};setupTheme();Highcharts.setOptions({tooltip:{headerFormat:null,pointFormat:tooltipHtml?tooltipHtml:'<span style="font-weight: bold; color:{point.color};">●</span>{point.name}: <b>{point.y}</b>',useHTML:useHtml}});const innerSizes={sm:"35%",md:"50%",lg:"85%",none:"0%"};const innerSizeFormat=size=>innerSizes[size];const filteredProps={...props};delete filteredProps.verticalAlign;const[options,setOptions]=useState({});useEffect((()=>{const formattedChartData=chartData.map((obj=>{obj.y=obj.value;delete obj.value;return obj}));const staticOptions={title:{text:title},chart:{height:height,type:style,events:{render:event=>alignBlockElement(event),redraw:event=>alignBlockElement(event)}},legend:{align:align,verticalAlign:verticalAlign,layout:layout,x:x,y:y},plotOptions:{pie:{colors:colors.length>0?mapColors(colors):highchartsTheme.colors,dataLabels:{enabled:dataLabels,connectorShape:"straight",connectorWidth:3,format:dataLabelHtml},showInLegend:legend}},series:[{minPointSize:minPointSize,maxPointSize:maxPointSize,innerSize:borderWidth==20?"100%":innerSizeFormat(innerSize),data:formattedChartData,zMin:zMin,startAngle:startAngle,borderWidth:borderWidth,borderColor:borderColor}],credits:false};setOptions(merge(staticOptions,customOptions))}),[chartData]);return jsx(Fragment,{children:children?jsxs("div",{id:`wrapper-circle-chart-${id}`,children:[jsx(HighchartsReact,{containerProps:{className:classnames("pb_circle_chart",globalProps(filteredProps)),id:id,...ariaProps,...dataProps,...htmlProps},highcharts:Highcharts,options:options}),jsx("div",{className:"pb-circle-chart-block",children:children})]}):jsx(HighchartsReact,{containerProps:{className:classnames("pb_circle_chart",globalProps(filteredProps)),id:id,...ariaProps,...dataProps,...htmlProps},highcharts:Highcharts,options:options})})};export{BarGraph as B,CircleChart as C};