RubyGems - playbook_ui - Versions diffs - 15.4.0 → 15.5.0.pre.alpha.draggablefix12557 - Mend

playbook_ui 15.4.0 → 15.5.0.pre.alpha.draggablefix12557

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.

Files changed (200) hide show

data/lib/playbook/version.rb CHANGED Viewed

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 module Playbook
-  PREVIOUS_VERSION = "15.3.0"
-  VERSION = "15.4.0"
+  PREVIOUS_VERSION = "15.5.0"
+  VERSION = "15.5.0.pre.alpha.draggablefix12557"
 end

metadata CHANGED Viewed

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 15.4.0
+  version: 15.5.0.pre.alpha.draggablefix12557
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-11-10 00:00:00.000000000 Z
+date: 2025-11-21 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -903,6 +903,10 @@ files:
 - app/pb_kits/playbook/pb_copy_button/copy_button.html.erb
 - app/pb_kits/playbook/pb_copy_button/copy_button.rb
 - app/pb_kits/playbook/pb_copy_button/copy_button.test.jsx
+- app/pb_kits/playbook/pb_copy_button/docs/_copy_button_button_variant.html.erb
+- app/pb_kits/playbook/pb_copy_button/docs/_copy_button_button_variant.jsx
+- app/pb_kits/playbook/pb_copy_button/docs/_copy_button_button_variant_rails.md
+- app/pb_kits/playbook/pb_copy_button/docs/_copy_button_button_variant_react.md
 - app/pb_kits/playbook/pb_copy_button/docs/_copy_button_default.html.erb
 - app/pb_kits/playbook/pb_copy_button/docs/_copy_button_default.jsx
 - app/pb_kits/playbook/pb_copy_button/docs/_copy_button_from.html.erb
@@ -923,6 +927,7 @@ files:
 - app/pb_kits/playbook/pb_currency/currency.test.js
 - app/pb_kits/playbook/pb_currency/docs/_currency_abbreviated.html.erb
 - app/pb_kits/playbook/pb_currency/docs/_currency_abbreviated.jsx
+- app/pb_kits/playbook/pb_currency/docs/_currency_abbreviated.md
 - app/pb_kits/playbook/pb_currency/docs/_currency_alignment.html.erb
 - app/pb_kits/playbook/pb_currency/docs/_currency_alignment.jsx
 - app/pb_kits/playbook/pb_currency/docs/_currency_alignment_swift.md
@@ -931,10 +936,15 @@ files:
 - app/pb_kits/playbook/pb_currency/docs/_currency_comma_separator.md
 - app/pb_kits/playbook/pb_currency/docs/_currency_matching_decimals.html.erb
 - app/pb_kits/playbook/pb_currency/docs/_currency_matching_decimals.jsx
+- app/pb_kits/playbook/pb_currency/docs/_currency_matching_decimals_rails.md
+- app/pb_kits/playbook/pb_currency/docs/_currency_matching_decimals_react.md
 - app/pb_kits/playbook/pb_currency/docs/_currency_negative.html.erb
 - app/pb_kits/playbook/pb_currency/docs/_currency_negative.jsx
+- app/pb_kits/playbook/pb_currency/docs/_currency_negative.md
 - app/pb_kits/playbook/pb_currency/docs/_currency_no_symbol.html.erb
 - app/pb_kits/playbook/pb_currency/docs/_currency_no_symbol.jsx
+- app/pb_kits/playbook/pb_currency/docs/_currency_no_symbol_rails.md
+- app/pb_kits/playbook/pb_currency/docs/_currency_no_symbol_react.md
 - app/pb_kits/playbook/pb_currency/docs/_currency_null_display.html.erb
 - app/pb_kits/playbook/pb_currency/docs/_currency_null_display.jsx
 - app/pb_kits/playbook/pb_currency/docs/_currency_null_display_rails.md
@@ -1114,6 +1124,9 @@ files:
 - app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_default.jsx
 - app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_default_swift.md
 - app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_props_swift.md
+- app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_show_current_year.html.erb
+- app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_show_current_year.jsx
+- app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_show_current_year.md
 - app/pb_kits/playbook/pb_date_range_inline/docs/_description.md
 - app/pb_kits/playbook/pb_date_range_inline/docs/example.yml
 - app/pb_kits/playbook/pb_date_range_inline/docs/index.js
@@ -1138,11 +1151,12 @@ files:
 - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_bold.html.erb
 - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_bold.jsx
 - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_bold_swift.md
+- app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_current_year.html.erb
+- app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_current_year.jsx
+- app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_current_year.md
 - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_default.html.erb
 - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_default.jsx
 - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_default_swift.md
-- app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_not_current_year.html.erb
-- app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_not_current_year.jsx
 - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_not_current_year_swift.md
 - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_props_swift.md
 - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_reverse.html.erb
@@ -1166,6 +1180,10 @@ files:
 - app/pb_kits/playbook/pb_date_time/docs/_date_time_default.jsx
 - app/pb_kits/playbook/pb_date_time/docs/_date_time_default_swift.md
 - app/pb_kits/playbook/pb_date_time/docs/_date_time_props_swift.md
+- app/pb_kits/playbook/pb_date_time/docs/_date_time_show_current_year.html.erb
+- app/pb_kits/playbook/pb_date_time/docs/_date_time_show_current_year.jsx
+- app/pb_kits/playbook/pb_date_time/docs/_date_time_show_current_year_rails.md
+- app/pb_kits/playbook/pb_date_time/docs/_date_time_show_current_year_react.md
 - app/pb_kits/playbook/pb_date_time/docs/_date_time_size.html.erb
 - app/pb_kits/playbook/pb_date_time/docs/_date_time_size.jsx
 - app/pb_kits/playbook/pb_date_time/docs/_date_time_size_swift.md
@@ -1181,6 +1199,9 @@ files:
 - app/pb_kits/playbook/pb_date_time_stacked/docs/_date_time_stacked_default.jsx
 - app/pb_kits/playbook/pb_date_time_stacked/docs/_date_time_stacked_default_swift.md
 - app/pb_kits/playbook/pb_date_time_stacked/docs/_date_time_stacked_props_swift.md
+- app/pb_kits/playbook/pb_date_time_stacked/docs/_date_time_stacked_show_current_year.html.erb
+- app/pb_kits/playbook/pb_date_time_stacked/docs/_date_time_stacked_show_current_year.jsx
+- app/pb_kits/playbook/pb_date_time_stacked/docs/_date_time_stacked_show_current_year.md
 - app/pb_kits/playbook/pb_date_time_stacked/docs/example.yml
 - app/pb_kits/playbook/pb_date_time_stacked/docs/index.js
 - app/pb_kits/playbook/pb_date_year_stacked/_date_year_stacked.scss
@@ -1310,6 +1331,7 @@ files:
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_event_listeners_react.md
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers.html.erb
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers.jsx
+- app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers_dropzone.jsx
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers_rails.md
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers_react.md
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.html.erb
@@ -2290,6 +2312,9 @@ files:
 - app/pb_kits/playbook/pb_nav/docs/_description.md
 - app/pb_kits/playbook/pb_nav/docs/_horizontal_nav.html.erb
 - app/pb_kits/playbook/pb_nav/docs/_horizontal_nav.jsx
+- app/pb_kits/playbook/pb_nav/docs/_horizontal_nav_disabled.html.erb
+- app/pb_kits/playbook/pb_nav/docs/_horizontal_nav_disabled.jsx
+- app/pb_kits/playbook/pb_nav/docs/_horizontal_nav_disabled.md
 - app/pb_kits/playbook/pb_nav/docs/_horizontal_nav_extendedunderline.html.erb
 - app/pb_kits/playbook/pb_nav/docs/_horizontal_nav_extendedunderline.jsx
 - app/pb_kits/playbook/pb_nav/docs/_horizontal_nav_extendedunderline.md
@@ -2322,6 +2347,9 @@ files:
 - app/pb_kits/playbook/pb_nav/docs/_subtle_with_icons_nav.jsx
 - app/pb_kits/playbook/pb_nav/docs/_tab_nav.html.erb
 - app/pb_kits/playbook/pb_nav/docs/_tab_nav.md
+- app/pb_kits/playbook/pb_nav/docs/_vertical_nav_disabled.html.erb
+- app/pb_kits/playbook/pb_nav/docs/_vertical_nav_disabled.jsx
+- app/pb_kits/playbook/pb_nav/docs/_vertical_nav_disabled.md
 - app/pb_kits/playbook/pb_nav/docs/_with_icons_nav.html.erb
 - app/pb_kits/playbook/pb_nav/docs/_with_icons_nav.jsx
 - app/pb_kits/playbook/pb_nav/docs/_with_img_nav.html.erb
@@ -2440,6 +2468,7 @@ files:
 - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_colors_react.md
 - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_default.html.erb
 - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_default.jsx
+- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_default.md
 - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_height.html.erb
 - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_height.jsx
 - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_height.md
@@ -2450,6 +2479,7 @@ files:
 - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_legend_non_clickable.jsx
 - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_legend_position.html.erb
 - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_legend_position.jsx
+- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_legend_position.md
 - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_negative_numbers.html.erb
 - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_negative_numbers.jsx
 - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_secondary_y_axis.html.erb
@@ -2485,6 +2515,7 @@ files:
 - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_with_legend.jsx
 - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_default.html.erb
 - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_default.jsx
+- app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_default.md
 - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_inner_sizes.html.erb
 - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_inner_sizes.jsx
 - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_live_data.jsx
@@ -2509,6 +2540,7 @@ files:
 - app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_complex.md
 - app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_default.html.erb
 - app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_default.jsx
+- app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_default.md
 - app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_disable_animation.html.erb
 - app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_disable_animation.jsx
 - app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_full_circle.html.erb
@@ -2541,6 +2573,7 @@ files:
 - app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_colors.md
 - app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_default.html.erb
 - app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_default.jsx
+- app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_default.md
 - app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_height.html.erb
 - app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_height.jsx
 - app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_height.md
@@ -2718,15 +2751,23 @@ files:
 - app/pb_kits/playbook/pb_progress_step/_progress_step.tsx
 - app/pb_kits/playbook/pb_progress_step/_progress_step_item.tsx
 - app/pb_kits/playbook/pb_progress_step/docs/_description.md
+- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_color.html.erb
+- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_color.jsx
+- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_color.md
 - app/pb_kits/playbook/pb_progress_step/docs/_progress_step_custom_icon.html.erb
+- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_custom_icon.jsx
+- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_custom_icon.md
 - app/pb_kits/playbook/pb_progress_step/docs/_progress_step_default.html.erb
 - app/pb_kits/playbook/pb_progress_step/docs/_progress_step_default.jsx
+- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_default.md
 - app/pb_kits/playbook/pb_progress_step/docs/_progress_step_tooltip.html.erb
 - app/pb_kits/playbook/pb_progress_step/docs/_progress_step_tracker.html.erb
 - app/pb_kits/playbook/pb_progress_step/docs/_progress_step_tracker.jsx
+- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_tracker.md
 - app/pb_kits/playbook/pb_progress_step/docs/_progress_step_tracker_click_events.jsx
 - app/pb_kits/playbook/pb_progress_step/docs/_progress_step_vertical.html.erb
 - app/pb_kits/playbook/pb_progress_step/docs/_progress_step_vertical.jsx
+- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_vertical.md
 - app/pb_kits/playbook/pb_progress_step/docs/example.yml
 - app/pb_kits/playbook/pb_progress_step/docs/index.js
 - app/pb_kits/playbook/pb_progress_step/progress_step.html.erb
@@ -3814,16 +3855,11 @@ files:
 - app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
 - app/pb_kits/playbook/utilities/text.ts
 - app/pb_kits/playbook/utilities/validEmojiChecker.ts
-- dist/chunks/_line_graph-r__oOO2H.js
-- dist/chunks/_typeahead-B7c52zVj.js
-- dist/chunks/_weekday_stacked-DgiIj2w3.js
-- dist/chunks/componentRegistry-DzmmLR2x.js
+- dist/chunks/_typeahead-LoB4DX1N.js
 - dist/chunks/lazysizes-B7xYodB-.js
-- dist/chunks/lib-CRUXizZe.js
-- dist/chunks/pb_form_validation-CywJN0ej.js
+- dist/chunks/lib-CgpqUb6l.js
 - dist/chunks/vendor.js
 - dist/menu.yml
-- dist/playbook-doc.js
 - dist/playbook-rails-react-bindings.js
 - dist/playbook-rails.js
 - dist/playbook.css

data/app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_not_current_year.html.erb DELETED Viewed

@@ -1,5 +0,0 @@
-<%= pb_rails("date_stacked", props: { date: Date.new(2018, 03, 20) }) %>
-<br>
-<%= pb_rails("date_stacked", props: { date: Date.new(2018, 03, 20), size: "md"}) %>

data/dist/chunks/_line_graph-r__oOO2H.js DELETED Viewed

@@ -1 +0,0 @@

- import{jsx,Fragment,jsxs}from"react/jsx-runtime";import{useState,useEffect}from"react";import{f as buildAriaProps,g as buildDataProps,h as buildHtmlProps,H as HighchartsReact,i as Highcharts,j as classnames,k as globalProps,l as HighchartsMore,S as SolidGauge,m as buildCss}from"./_typeahead-B7c52zVj.js";import{c as colors,h as highchartsTheme,m as merge,a as highchartsDarkTheme,t as typography}from"./lib-CRUXizZe.js";const mapColors=array=>{const regex=/(data)\-[1-8]/;const newArray=array.map((item=>regex.test(item)?`${colors[`data_${item[item.length-1]}`]}`:item));return newArray};const BarGraph=({aria:aria={},data:data={},align:align="center",axisTitle:axisTitle,dark:dark=false,chartData:chartData,className:className="pb_bar_graph",colors:colors2,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:colors2!==void 0&&colors2.length>0?mapColors(colors2):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:colors2=[],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:'●{point.name}: {point.y}',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:colors2.length>0?mapColors(colors2):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})})};const Gauge=({aria:aria={},chartData:chartData,customOptions:customOptions={},dark:dark=false,data:data={},disableAnimation:disableAnimation=false,fullCircle:fullCircle=false,height:height=null,htmlOptions:htmlOptions={},id:id,max:max=100,min:min=0,prefix:prefix="",showLabels:showLabels=false,style:style="solidgauge",suffix:suffix="",title:title="",tooltipHtml:tooltipHtml='●{point.name}: {point.y}',colors:colors$1=[],minorTickInterval:minorTickInterval=null,circumference:circumference=(fullCircle?[0,360]:[-100,100]),...props})=>{const ariaProps=buildAriaProps(aria);const dataProps=buildDataProps(data);const htmlProps=buildHtmlProps(htmlOptions);HighchartsMore(Highcharts);SolidGauge(Highcharts);const setupTheme=()=>{dark?Highcharts.setOptions(highchartsDarkTheme):Highcharts.setOptions(highchartsTheme)};setupTheme();Highcharts.setOptions({tooltip:{pointFormat:tooltipHtml,followPointer:true}});const css=buildCss({pb_gauge_kit:true});const[options,setOptions]=useState({});useEffect((()=>{const formattedChartData=chartData.map((obj=>{obj.y=obj.value;delete obj.value;return obj}));const staticOptions={chart:{events:{load(){setTimeout(this.reflow.bind(this),0)}},type:style,height:height},title:{text:title},yAxis:{min:min,max:max,lineWidth:0,tickWidth:0,minorTickInterval:minorTickInterval,tickAmount:2,tickPositions:[min,max],labels:{y:26,enabled:showLabels}},credits:false,series:[{data:formattedChartData}],pane:{center:["50%","50%"],size:"90%",startAngle:circumference[0],endAngle:circumference[1],background:{borderWidth:20,innerRadius:"90%",outerRadius:"90%",shape:"arc",className:"gauge-pane"}},colors:colors$1!==void 0&&colors$1.length>0?mapColors(colors$1):highchartsTheme.colors,plotOptions:{series:{animation:!disableAnimation},solidgauge:{borderColor:colors$1!==void 0&&colors$1.length===1?mapColors(colors$1).join():highchartsTheme.colors[0],borderWidth:20,radius:90,innerRadius:"90%",dataLabels:{borderWidth:0,color:colors.text_lt_default,enabled:true,format:`${prefix}{y:,f}${suffix}`,style:{fontFamily:typography.font_family_base,fontWeight:typography.regular,fontSize:typography.heading_2},y:-26}}}};setOptions(merge(staticOptions,customOptions));if(document.querySelector(".prefix")){document.querySelectorAll(".prefix").forEach((prefix2=>{prefix2.setAttribute("y","28")}));document.querySelectorAll(".fix").forEach((fix=>fix.setAttribute("y","38")))}}),[chartData]);return jsx(HighchartsReact,{containerProps:{className:classnames(css,globalProps(props)),id:id,...ariaProps,...dataProps,...htmlProps},highcharts:Highcharts,options:options})};const LineGraph=({aria:aria={},data:data={},align:align="center",className:className="pb_bar_graph",customOptions:customOptions={},dark:dark=false,gradient:gradient=false,type:type="line",htmlOptions:htmlOptions={},id:id,legend:legend=false,toggleLegendClick:toggleLegendClick=true,layout:layout="horizontal",verticalAlign:verticalAlign="bottom",x:x=0,y:y=0,axisTitle:axisTitle,xAxisCategories:xAxisCategories,yAxisMin:yAxisMin,yAxisMax:yAxisMax,chartData:chartData,pointStart:pointStart,subTitle:subTitle,title:title,height:height,colors:colors2=[],...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:{min:yAxisMin,max:yAxisMax,title:{text:axisTitle}},xAxis:{categories:xAxisCategories},legend:{enabled:legend,align:align,verticalAlign:verticalAlign,layout:layout,x:x,y:y},colors:colors2!==void 0&&colors2.length>0?mapColors(colors2):highchartsTheme.colors,plotOptions:{series:{pointStart:pointStart,events:{},dataLabels:{enabled:false}}},series:chartData,credits:false};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})};export{BarGraph as B,CircleChart as C,Gauge as G,LineGraph as L};