playbook-ui 15.4.0 → 15.5.0-alpha.draggablefix12568

package/dist/playbook.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "playbook-ui",
-  "version": "15.4.0",
+  "version": "15.5.0-alpha.draggablefix12568",
   "description": "Nitro's Design System",
   "main": "./dist/playbook.js",
   "types": "./dist/types/index.d.ts",

package/dist/chunks/_line_graph-r__oOO2H.js

@@ -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:'<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};