playbook-ui 14.24.0 → 14.25.0-alpha.testingcss9700

package/dist/playbook.js

@@ -1 +1,149 @@
-import{A,a,B,b,C,e,g,D,h,i,k,l,m,n,o,p,q,s,t,E,F,u,v,w,H,z,I,G,J,K,j,M,Q,R,L,d,U,V,W,X,O,Y,Z,_,a0,a1,P,a2,$,a3,a4,S,x,y,a5,r,ak,a6,a7,a8,a9,aa,T,al,f,ab,ac,ad,ae,N,ag,af,ah,ai,aj}from"./chunks/_weekday_stacked-Cv8-Sf6X.js";import"./chunks/lazysizes-B7xYodB-.js";import{U as U2,Q as Q2,K as K2,B as B2,v as v2,p as p2,r as r2,m as m2,J as J2,C as C2,q as q2,D as D2,j as j2,W as W2,F as F2,s as s2,A as A2,_ as _2,l as l2,y as y2,E as E2,L as L2,M as M2,X as X2,Y as Y2,$ as $2,a as a10,n as n2,P as P2,V as V2,R as R2,o as o2,z as z2,w as w2,t as t2,T as T2,Z as Z2}from"./chunks/_typeahead-CZL6rvfn.js";import{B as B3,C as C3,G as G2,L as L3}from"./chunks/_line_graph-BLS62QjW.js";import{i as i2,l as l3,n as n3,j as j3,k as k2,a0 as a02,a1 as a12,c,b as b2,e as e2,f as f2,a2 as a22,a as a11,h as h2,a3 as a32,a4 as a42,t as t3,u as u2,W as W3,T as T3}from"./chunks/lib-DgtxnJqa.js";import"react/jsx-runtime";import"react";import"react-dom";import"react-trix";import"trix";import"react-is";export{A as AdvancedTable,U2 as Avatar,Q2 as Background,K2 as Badge,B3 as BarGraph,B2 as Body,a as BreadCrumbItem,B as BreadCrumbs,v2 as Button,b as ButtonToolbar,p2 as Caption,r2 as Card,m2 as Checkbox,C3 as CircleChart,J2 as CircleIconButton,C2 as Collapsible,C as Contact,e as CopyButton,g as Currency,D as DashboardValue,h as Date,i as DatePicker,k as DateRangeInline,l as DateRangeStacked,m as DateStacked,n as DateTime,o as DateTimeStacked,p as DateYearStacked,q2 as Detail,q as Dialog,D2 as DistributionBar,j2 as Draggable,W2 as DraggableProvider,s as Drawer,t as Dropdown,E as EmptyState,F as FileUpload,u as Filter,v as FixedConfirmationToast,F2 as Flex,s2 as FlexItem,w as FormGroup,A2 as FormPill,G2 as Gauge,H as Hashtag,_2 as Highlight,z as HomeAddressStreet,l2 as Icon,I as IconButton,y2 as IconCircle,G as IconStatValue,J as IconValue,E2 as Image,K as LabelPill,j as LabelValue,M as Layout,L2 as Legend,Q as Lightbox,L3 as LineGraph,R as Link,L as List,d as ListItem,U as LoadingInline,V as Map,W as MapCustomButton,X as Message,M2 as MultiLevelSelect,O as MultipleUsers,Y as MultipleUsersStacked,X2 as Nav,Y2 as NavItem,$2 as OnlineStatus,Z as Overlay,_ as Pagination,a10 as Passphrase,i2 as PbPopover,n2 as PbReactPopover,l3 as PbTable,n3 as PbTextarea,j3 as PbTooltip,k2 as PbTypeahead,a0 as Person,a1 as PersonContact,P2 as PhoneNumberInput,P as Pill,a2 as ProgressPills,$ as ProgressSimple,a3 as ProgressStep,a4 as ProgressStepItem,V2 as Radio,R2 as RichTextEditor,o2 as SectionSeparator,S as Select,x as SelectableCard,y as SelectableCardIcon,a5 as SelectableIcon,r as SelectableList,ak as SelectableListItem,a6 as SkeletonLoading,a7 as Source,a8 as StarRating,a9 as StatChange,aa as StatValue,T as Table,al as TableRow,z2 as TextInput,f as Textarea,ab as Time,ac as TimeRangeInline,ad as TimeStacked,ae as Timeline,N as Timestamp,w2 as Title,ag as TitleCount,af as TitleDetail,ah as Toggle,t2 as Tooltip,T2 as Typeahead,Z2 as User,ai as UserBadge,aj as WeekdayStacked,a02 as barGraphTheme,a12 as circleChartTheme,c as colors,b2 as datePickerHelper,e2 as dialogHelper,f2 as formHelper,a22 as gaugeTheme,a11 as highchartsDarkTheme,h2 as highchartsTheme,a32 as lineGraphTheme,a42 as mapTheme,t3 as typography,u2 as useCollapsible,W3 as useDropdown,T3 as usePBCopy};
+import { A, a, B, b, C, e, g, D, h, i, k, l, m, n, o, p, q, s, t, E, F, u, v, w, H, z, I, G, J, K, j, M, Q, R, L, d, U, V, W, X, O, Y, Z, _, a0, a1, P, a2, $, a3, a4, S, x, y, a5, r, ak, a6, a7, a8, a9, aa, T, al, f, ab, ac, ad, ae, N, ag, af, ah, ai, aj } from "./chunks/_weekday_stacked-D3dG14OB.js";
+import "./chunks/lazysizes-BUUj27EF.js";
+import { U as U2, Q as Q2, K as K2, B as B2, v as v2, p as p2, r as r2, m as m2, J as J2, C as C2, q as q2, D as D2, j as j2, W as W2, F as F2, s as s2, A as A2, _ as _2, l as l2, y as y2, E as E2, L as L2, M as M2, X as X2, Y as Y2, $ as $2, a as a10, n as n2, P as P2, V as V2, R as R2, o as o2, z as z2, w as w2, t as t2, T as T2, Z as Z2 } from "./chunks/_typeahead-CEqlHw0H.js";
+import { B as B3, C as C3, G as G2, L as L3 } from "./chunks/_line_graph-DPTwfQR-.js";
+import { i as i2, l as l3, n as n3, j as j3, k as k2, U as U3, V as V3, c, b as b2, e as e2, f as f2, W as W3, a as a11, h as h2, X as X3, Y as Y3, t as t3, u as u2, N as N2, K as K3 } from "./chunks/lib-CIetbXpr.js";
+import "react/jsx-runtime";
+import "react";
+import "react-dom";
+import "react-trix";
+import "trix";
+import "react-is";
+export {
+  A as AdvancedTable,
+  U2 as Avatar,
+  Q2 as Background,
+  K2 as Badge,
+  B3 as BarGraph,
+  B2 as Body,
+  a as BreadCrumbItem,
+  B as BreadCrumbs,
+  v2 as Button,
+  b as ButtonToolbar,
+  p2 as Caption,
+  r2 as Card,
+  m2 as Checkbox,
+  C3 as CircleChart,
+  J2 as CircleIconButton,
+  C2 as Collapsible,
+  C as Contact,
+  e as CopyButton,
+  g as Currency,
+  D as DashboardValue,
+  h as Date,
+  i as DatePicker,
+  k as DateRangeInline,
+  l as DateRangeStacked,
+  m as DateStacked,
+  n as DateTime,
+  o as DateTimeStacked,
+  p as DateYearStacked,
+  q2 as Detail,
+  q as Dialog,
+  D2 as DistributionBar,
+  j2 as Draggable,
+  W2 as DraggableProvider,
+  s as Drawer,
+  t as Dropdown,
+  E as EmptyState,
+  F as FileUpload,
+  u as Filter,
+  v as FixedConfirmationToast,
+  F2 as Flex,
+  s2 as FlexItem,
+  w as FormGroup,
+  A2 as FormPill,
+  G2 as Gauge,
+  H as Hashtag,
+  _2 as Highlight,
+  z as HomeAddressStreet,
+  l2 as Icon,
+  I as IconButton,
+  y2 as IconCircle,
+  G as IconStatValue,
+  J as IconValue,
+  E2 as Image,
+  K as LabelPill,
+  j as LabelValue,
+  M as Layout,
+  L2 as Legend,
+  Q as Lightbox,
+  L3 as LineGraph,
+  R as Link,
+  L as List,
+  d as ListItem,
+  U as LoadingInline,
+  V as Map,
+  W as MapCustomButton,
+  X as Message,
+  M2 as MultiLevelSelect,
+  O as MultipleUsers,
+  Y as MultipleUsersStacked,
+  X2 as Nav,
+  Y2 as NavItem,
+  $2 as OnlineStatus,
+  Z as Overlay,
+  _ as Pagination,
+  a10 as Passphrase,
+  i2 as PbPopover,
+  n2 as PbReactPopover,
+  l3 as PbTable,
+  n3 as PbTextarea,
+  j3 as PbTooltip,
+  k2 as PbTypeahead,
+  a0 as Person,
+  a1 as PersonContact,
+  P2 as PhoneNumberInput,
+  P as Pill,
+  a2 as ProgressPills,
+  $ as ProgressSimple,
+  a3 as ProgressStep,
+  a4 as ProgressStepItem,
+  V2 as Radio,
+  R2 as RichTextEditor,
+  o2 as SectionSeparator,
+  S as Select,
+  x as SelectableCard,
+  y as SelectableCardIcon,
+  a5 as SelectableIcon,
+  r as SelectableList,
+  ak as SelectableListItem,
+  a6 as SkeletonLoading,
+  a7 as Source,
+  a8 as StarRating,
+  a9 as StatChange,
+  aa as StatValue,
+  T as Table,
+  al as TableRow,
+  z2 as TextInput,
+  f as Textarea,
+  ab as Time,
+  ac as TimeRangeInline,
+  ad as TimeStacked,
+  ae as Timeline,
+  N as Timestamp,
+  w2 as Title,
+  ag as TitleCount,
+  af as TitleDetail,
+  ah as Toggle,
+  t2 as Tooltip,
+  T2 as Typeahead,
+  Z2 as User,
+  ai as UserBadge,
+  aj as WeekdayStacked,
+  U3 as barGraphTheme,
+  V3 as circleChartTheme,
+  c as colors,
+  b2 as datePickerHelper,
+  e2 as dialogHelper,
+  f2 as formHelper,
+  W3 as gaugeTheme,
+  a11 as highchartsDarkTheme,
+  h2 as highchartsTheme,
+  X3 as lineGraphTheme,
+  Y3 as mapTheme,
+  t3 as typography,
+  u2 as useCollapsible,
+  N2 as useDropdown,
+  K3 as usePBCopy
+};

package/dist/reset.css

@@ -1 +1,89 @@
-*{box-sizing:border-box;margin:0;padding:0}*:before,*:after{box-sizing:border-box}html{-webkit-tap-highlight-color:rgba(0,0,0,0);height:100vh;overflow-x:hidden}body{font-family:Power Centra,Helvetica Neue,Helvetica,Arial,sans_serif;font-size:15.5px;line-height:1.5;background-color:#f3f7fb;height:100%;letter-spacing:.003em;font-weight:400;font-style:normal;text-rendering:optimizeLegibility;-moz-font-feature-settings:"liga" on;color:#242b42;margin:0!important;padding:0!important;box-sizing:border-box;min-height:100vh;padding:50px}a{text-decoration:none;color:#0056cf}
+/*=====================================
+Base colors should not be documented.
+Only document color use.
+
+Colors -----------------------------*/
+/* Specialty Gradient -----------------*/
+/* Interface colors -------------------*/
+/* Main colors ------------------------*/
+/*=====================================
+
+Background colors ------------------*/
+/* Card colors ------------------*/
+/* Active colors ----------------------*/
+/* Hover colors -----------------------*/
+/* Focus colors -----------------------*/
+/* Border colors ----------------------*/
+/* Shadow colors ----------------------*/
+/* Text colors ------------------------*/
+/* Data colors ------------------------*/
+/* Status colors ----------------------*/
+/* Link colors ------------------------*/
+/* Product colors ---------------------*/
+/* Category colors ---------------------*/
+/* CLEAN UP AND REMOVE */
+/* Headings */
+/* Standard Font Weights */
+/* Non_Standard Font Weights */
+/* Link Colors */
+/*=====================================
+Base colors should not be documented.
+Only document color use.
+
+Colors -----------------------------*/
+/* Specialty Gradient -----------------*/
+/* Interface colors -------------------*/
+/* Main colors ------------------------*/
+/*=====================================
+
+Background colors ------------------*/
+/* Card colors ------------------*/
+/* Active colors ----------------------*/
+/* Hover colors -----------------------*/
+/* Focus colors -----------------------*/
+/* Border colors ----------------------*/
+/* Shadow colors ----------------------*/
+/* Text colors ------------------------*/
+/* Data colors ------------------------*/
+/* Status colors ----------------------*/
+/* Link colors ------------------------*/
+/* Product colors ---------------------*/
+/* Category colors ---------------------*/
+* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+*:before, *:after {
+  box-sizing: border-box;
+}
+
+html {
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+  height: 100vh;
+  overflow-x: hidden;
+}
+
+body {
+  font-family: "Power Centra", "Helvetica Neue", Helvetica, Arial, sans_serif;
+  font-size: 15.5px;
+  line-height: 1.5;
+  background-color: #F3F7FB;
+  height: 100%;
+  letter-spacing: 0.003em;
+  font-weight: 400;
+  font-style: normal;
+  text-rendering: optimizeLegibility;
+  -moz-font-feature-settings: "liga" on;
+  color: #242B42;
+  margin: 0 !important;
+  padding: 0 !important;
+  box-sizing: border-box;
+  min-height: 100vh;
+  padding: 50px;
+}
+
+a {
+  text-decoration: none;
+  color: #0056CF;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "playbook-ui",
-  "version": "14.24.0",
+  "version": "14.25.0-alpha.testingcss9700",
   "description": "Nitro's Design System",
   "main": "./dist/playbook.js",
   "types": "./dist/types/index.d.ts",
@@ -35,7 +35,6 @@
   "homepage": "https://github.com/powerhome/playbook#readme",
   "dependencies": {
     "@floating-ui/dom": "^1.6.13",
-    "@fortawesome/fontawesome-free": "^6.2.1",
     "@popperjs/core": "^2.11.8",
     "classnames": "2.5.1",
     "flatpickr": "^4.6.13",

package/dist/chunks/_line_graph-BLS62QjW.js

@@ -1 +0,0 @@
-import{jsx,Fragment,jsxs}from"react/jsx-runtime";import{useState,useEffect}from"react";import{b as buildAriaProps,c as buildDataProps,d as buildHtmlProps,H as HighchartsReact,e as Highcharts,f as classnames,g as globalProps,h as HighchartsMore,S as SolidGauge,i as buildCss}from"./_typeahead-CZL6rvfn.js";import{c as colors,h as highchartsTheme,m as merge,a as highchartsDarkTheme,t as typography}from"./lib-DgtxnJqa.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:'<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: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='<span style="font-weight: bold; color:{point.color};">●</span>{point.name}: <b>{point.y}</b>',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:`<span class="prefix${dark?" dark":""}">${prefix}</span><span class="fix${dark?" dark":""}">{y:,f}</span><span class="suffix${dark?" dark":""}">${suffix}</span>`,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};