playbook_ui 14.12.0.pre.alpha.play1828updateviteversion5680 → 14.12.0.pre.alpha.testingwithfas5689
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.
- checksums.yaml +4 -4
- data/app/pb_kits/playbook/pb_button/button.rb +1 -1
- data/app/pb_kits/playbook/pb_collapsible/__snapshots__/collapsible.test.js.snap +1 -1
- data/app/pb_kits/playbook/pb_date_picker/date_picker_helper.ts +2 -2
- data/app/pb_kits/playbook/pb_icon/_icon.tsx +1 -1
- data/app/pb_kits/playbook/pb_icon/icon.rb +2 -2
- data/app/pb_kits/playbook/pb_icon/icon.test.js +8 -8
- data/app/pb_kits/playbook/pb_nav/_nav_item.test.js +2 -2
- data/dist/chunks/{_typeahead-BWwaAo_0.js → _typeahead-BDhvNf6A.js} +2 -2
- data/dist/chunks/{_weekday_stacked-zyBCd1s8.js → _weekday_stacked-BhU_44Uo.js} +1 -1
- data/dist/chunks/{lib-kMuhBuU7.js → lib-RmkltInK.js} +1 -1
- data/dist/chunks/{pb_form_validation-DBJ0wZuS.js → pb_form_validation-Bu-zi4X-.js} +1 -1
- data/dist/chunks/vendor.js +1 -1
- data/dist/playbook-doc.js +1 -1
- data/dist/playbook-rails-react-bindings.js +1 -1
- data/dist/playbook-rails.js +1 -1
- data/lib/playbook/version.rb +1 -1
- metadata +5 -5
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 118e3587939bb84671bccc4390ad79174dd29888629095d7b41a87b4f19a21f5
|
4
|
+
data.tar.gz: 35966f16ead94ebcbf4ff0fd09d195aa48f74932d6155498c763fbbc9c6192f0
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: c0f3e34148f3abee7d290544f34bdf511e6acce53b83f212d0c7acc1278478c80c38ff327682fd271b931875a8ee369d9ed4f3621cb3ce8c3c30504c636deafe
|
7
|
+
data.tar.gz: 217f1c57eca819e3370d1e7414776542a48d5107ff50a279daa2e87743b55e7281c25483a8d547f45137140d188838d377b7360ab83888323e051dff4d609dd8
|
@@ -28,7 +28,7 @@ exports[`html structure is correct 1`] = `
|
|
28
28
|
style="vertical-align: middle; color: rgb(193, 205, 214);"
|
29
29
|
>
|
30
30
|
<i
|
31
|
-
class="pb_icon_kit
|
31
|
+
class="pb_icon_kit fas fa-lg fa-fw fa-lg fa-chevron-down"
|
32
32
|
/>
|
33
33
|
<span
|
34
34
|
aria-label="chevron-down icon"
|
@@ -192,7 +192,7 @@ const datePickerHelper = (config: DatePickerConfig, scrollContainer: string | HT
|
|
192
192
|
maxDate,
|
193
193
|
minDate,
|
194
194
|
mode,
|
195
|
-
nextArrow: '<i class="
|
195
|
+
nextArrow: '<i class="fas fa-angle-right"></i>',
|
196
196
|
onOpen: [() => {
|
197
197
|
calendarResizer()
|
198
198
|
window.addEventListener('resize', calendarResizer)
|
@@ -213,7 +213,7 @@ const datePickerHelper = (config: DatePickerConfig, scrollContainer: string | HT
|
|
213
213
|
plugins: setPlugins(thisRangesEndToday, customQuickPickDates),
|
214
214
|
position,
|
215
215
|
positionElement: getPositionElement(positionElement),
|
216
|
-
prevArrow: '<i class="
|
216
|
+
prevArrow: '<i class="fas fa-angle-left"></i>',
|
217
217
|
static: staticPosition,
|
218
218
|
})
|
219
219
|
|
@@ -33,7 +33,7 @@ module Playbook
|
|
33
33
|
default: nil
|
34
34
|
prop :font_style, type: Playbook::Props::Enum,
|
35
35
|
values: %w[far fas fab fak],
|
36
|
-
default: "
|
36
|
+
default: "fas"
|
37
37
|
prop :spin, type: Playbook::Props::Boolean,
|
38
38
|
default: false
|
39
39
|
prop :color, type: Playbook::Props::String
|
@@ -207,7 +207,7 @@ module Playbook
|
|
207
207
|
end
|
208
208
|
|
209
209
|
def font_style_class
|
210
|
-
font_style ? font_style.to_s : "
|
210
|
+
font_style ? font_style.to_s : "fas"
|
211
211
|
end
|
212
212
|
|
213
213
|
def spin_class
|
@@ -16,7 +16,7 @@ describe("Icon Kit", () => {
|
|
16
16
|
)
|
17
17
|
|
18
18
|
const kit = screen.getByTestId(testId)
|
19
|
-
expect(kit).toHaveClass("fa-user pb_icon_kit fa-fw
|
19
|
+
expect(kit).toHaveClass("fa-user pb_icon_kit fa-fw fas")
|
20
20
|
})
|
21
21
|
|
22
22
|
test("renders rotate prop", () => {[
|
@@ -31,7 +31,7 @@ describe("Icon Kit", () => {
|
|
31
31
|
)
|
32
32
|
|
33
33
|
const kit = screen.getByTestId(testId)
|
34
|
-
expect(kit).toHaveClass(`fa-user pb_icon_kit fa-fw fa-rotate-${rotateProp}
|
34
|
+
expect(kit).toHaveClass(`fa-user pb_icon_kit fa-fw fa-rotate-${rotateProp} fas`)
|
35
35
|
|
36
36
|
cleanup()
|
37
37
|
})
|
@@ -48,7 +48,7 @@ describe("Icon Kit", () => {
|
|
48
48
|
)
|
49
49
|
|
50
50
|
const kit = screen.getByTestId(testId)
|
51
|
-
expect(kit).toHaveClass("fa-user pb_icon_kit fa-fw fa-flip-horizontal
|
51
|
+
expect(kit).toHaveClass("fa-user pb_icon_kit fa-fw fa-flip-horizontal fas")
|
52
52
|
})
|
53
53
|
|
54
54
|
|
@@ -63,7 +63,7 @@ describe("Icon Kit", () => {
|
|
63
63
|
)
|
64
64
|
|
65
65
|
const kit = screen.getByTestId(testId)
|
66
|
-
expect(kit).toHaveClass("fa-spinner pb_icon_kit fa-fw fa-spin
|
66
|
+
expect(kit).toHaveClass("fa-spinner pb_icon_kit fa-fw fa-spin fas")
|
67
67
|
})
|
68
68
|
|
69
69
|
test("renders pull icon", () => {
|
@@ -77,7 +77,7 @@ describe("Icon Kit", () => {
|
|
77
77
|
)
|
78
78
|
|
79
79
|
const kit = screen.getByTestId(testId)
|
80
|
-
expect(kit).toHaveClass("fa-arrow-left pb_icon_kit fa-fw fa-pull-left
|
80
|
+
expect(kit).toHaveClass("fa-arrow-left pb_icon_kit fa-fw fa-pull-left fas")
|
81
81
|
})
|
82
82
|
|
83
83
|
test("renders pull icon", () => {
|
@@ -91,7 +91,7 @@ describe("Icon Kit", () => {
|
|
91
91
|
)
|
92
92
|
|
93
93
|
const kit = screen.getByTestId(testId)
|
94
|
-
expect(kit).toHaveClass("fa-arrow-left pb_icon_kit fa-fw fa-pull-left
|
94
|
+
expect(kit).toHaveClass("fa-arrow-left pb_icon_kit fa-fw fa-pull-left fas")
|
95
95
|
})
|
96
96
|
|
97
97
|
test("renders border around icon", () => {
|
@@ -105,7 +105,7 @@ describe("Icon Kit", () => {
|
|
105
105
|
)
|
106
106
|
|
107
107
|
const kit = screen.getByTestId(testId)
|
108
|
-
expect(kit).toHaveClass("fa-user pb_icon_kit fa-border fa-fw
|
108
|
+
expect(kit).toHaveClass("fa-user pb_icon_kit fa-border fa-fw fas")
|
109
109
|
})
|
110
110
|
|
111
111
|
test("renders size prop", () => {
|
@@ -132,7 +132,7 @@ describe("Icon Kit", () => {
|
|
132
132
|
)
|
133
133
|
|
134
134
|
const kit = screen.getByTestId(testId)
|
135
|
-
expect(kit).toHaveClass(`pb_icon_kit fa-user fa-fw fa-${sizeProp}
|
135
|
+
expect(kit).toHaveClass(`pb_icon_kit fa-user fa-fw fa-${sizeProp} fas`)
|
136
136
|
|
137
137
|
cleanup()
|
138
138
|
})
|
@@ -95,11 +95,11 @@ test('should not have a left border', () => {
|
|
95
95
|
test('should have a right icon', () => {
|
96
96
|
render(<NavDefault iconRight="angle-down" />)
|
97
97
|
const kit = screen.getByTestId(itemTestId)
|
98
|
-
expect(kit).toContainHTML('<i class="pb_icon_kit
|
98
|
+
expect(kit).toContainHTML('<i class="pb_icon_kit fas pb_nav_list_item_icon_right fa-fw fa-angle-down" />')
|
99
99
|
})
|
100
100
|
|
101
101
|
test('should have a left icon', () => {
|
102
102
|
render(<NavDefault iconLeft="users-class" />)
|
103
103
|
const kit = screen.getByTestId(itemTestId)
|
104
|
-
expect(kit).toContainHTML('<i class="pb_icon_kit
|
104
|
+
expect(kit).toContainHTML('<i class="pb_icon_kit fas pb_nav_list_item_icon_left fa-fw fa-users-class" />')
|
105
105
|
})
|
@@ -1,9 +1,9 @@
|
|
1
|
-
import{jsx as jsx$1,Fragment,jsxs}from"react/jsx-runtime";import*as React from"react";import React__default,{createContext,useReducer,useEffect,useMemo,useContext,useRef,createElement,useState,forwardRef,useLayoutEffect,useCallback,useImperativeHandle,Component,Fragment as Fragment$1}from"react";import{r as getDefaultExportFromCjs,x as filter,y as omit,u as useCollapsible,z as get,j as getAllIcons,q as commonjsGlobal,w as colors$1,t as highchartsTheme,A as merge,s as highchartsDarkTheme,B as getAugmentedNamespace,C as createPopper,E as uniqueId,F as typography,G as cloneDeep,H as isString}from"./lib-
|
1
|
+
import{jsx as jsx$1,Fragment,jsxs}from"react/jsx-runtime";import*as React from"react";import React__default,{createContext,useReducer,useEffect,useMemo,useContext,useRef,createElement,useState,forwardRef,useLayoutEffect,useCallback,useImperativeHandle,Component,Fragment as Fragment$1}from"react";import{r as getDefaultExportFromCjs,x as filter,y as omit,u as useCollapsible,z as get,j as getAllIcons,q as commonjsGlobal,w as colors$1,t as highchartsTheme,A as merge,s as highchartsDarkTheme,B as getAugmentedNamespace,C as createPopper,E as uniqueId,F as typography,G as cloneDeep,H as isString}from"./lib-RmkltInK.js";import*as ReactDOM from"react-dom";import ReactDOM__default,{createPortal}from"react-dom";import{TrixEditor}from"react-trix";import Trix from"trix";import require$$0 from"react-is";const initialState={items:[],dragData:{id:"",initialGroup:""},isDragging:"",activeContainer:""};const reducer=(state,action)=>{switch(action.type){case"SET_ITEMS":return Object.assign(Object.assign({},state),{items:action.payload});case"SET_DRAG_DATA":return Object.assign(Object.assign({},state),{dragData:action.payload});case"SET_IS_DRAGGING":return Object.assign(Object.assign({},state),{isDragging:action.payload});case"SET_ACTIVE_CONTAINER":return Object.assign(Object.assign({},state),{activeContainer:action.payload});case"CHANGE_CATEGORY":return Object.assign(Object.assign({},state),{items:state.items.map((item=>item.id===action.payload.itemId?Object.assign(Object.assign({},item),{container:action.payload.container}):item))});case"REORDER_ITEMS":{const{dragId:dragId,targetId:targetId}=action.payload;const newItems=[...state.items];const draggedItem=newItems.find((item=>item.id===dragId));const draggedIndex=newItems.indexOf(draggedItem);const targetIndex=newItems.findIndex((item=>item.id===targetId));newItems.splice(draggedIndex,1);newItems.splice(targetIndex,0,draggedItem);return Object.assign(Object.assign({},state),{items:newItems})}default:return state}};const DragContext=createContext({});const DraggableContext=()=>useContext(DragContext);const DraggableProvider=({children:children,initialItems:initialItems,onReorder:onReorder,onDragStart:onDragStart,onDragEnter:onDragEnter,onDragEnd:onDragEnd,onDrop:onDrop,onDragOver:onDragOver})=>{const[state,dispatch]=useReducer(reducer,initialState);useEffect((()=>{dispatch({type:"SET_ITEMS",payload:initialItems})}),[initialItems]);useEffect((()=>{onReorder(state.items)}),[state.items]);const handleDragStart=(id,container)=>{dispatch({type:"SET_DRAG_DATA",payload:{id:id,initialGroup:container}});dispatch({type:"SET_IS_DRAGGING",payload:id});if(onDragStart)onDragStart(id,container)};const handleDragEnter=(id,container)=>{if(state.dragData.id!==id){dispatch({type:"REORDER_ITEMS",payload:{dragId:state.dragData.id,targetId:id}});dispatch({type:"SET_DRAG_DATA",payload:{id:state.dragData.id,initialGroup:container}})}if(onDragEnter)onDragEnter(id,container)};const handleDragEnd=()=>{dispatch({type:"SET_IS_DRAGGING",payload:""});dispatch({type:"SET_ACTIVE_CONTAINER",payload:""});if(onDragEnd)onDragEnd()};const changeCategory=(itemId,container)=>{dispatch({type:"CHANGE_CATEGORY",payload:{itemId:itemId,container:container}})};const handleDrop=container=>{dispatch({type:"SET_IS_DRAGGING",payload:""});dispatch({type:"SET_ACTIVE_CONTAINER",payload:""});changeCategory(state.dragData.id,container);if(onDrop)onDrop(container)};const handleDragOver=(e,container)=>{e.preventDefault();dispatch({type:"SET_ACTIVE_CONTAINER",payload:container});if(onDragOver)onDragOver(e,container)};const contextValue=useMemo((()=>({items:state.items,dragData:state.dragData,isDragging:state.isDragging,activeContainer:state.activeContainer,handleDragStart:handleDragStart,handleDragEnter:handleDragEnter,handleDragEnd:handleDragEnd,handleDrop:handleDrop,handleDragOver:handleDragOver})),[state]);return jsx$1(DragContext.Provider,Object.assign({value:contextValue},{children:children}),void 0)};var classnames$1={exports:{}};
|
2
2
|
/*!
|
3
3
|
Copyright (c) 2018 Jed Watson.
|
4
4
|
Licensed under the MIT License (MIT), see
|
5
5
|
http://jedwatson.github.io/classnames
|
6
|
-
*/(function(module){(function(){var hasOwn={}.hasOwnProperty;function classNames2(){var classes=[];for(var i=0;i<arguments.length;i++){var arg=arguments[i];if(!arg)continue;var argType=typeof arg;if(argType==="string"||argType==="number"){classes.push(arg)}else if(Array.isArray(arg)){if(arg.length){var inner=classNames2.apply(null,arg);if(inner){classes.push(inner)}}}else if(argType==="object"){if(arg.toString!==Object.prototype.toString&&!arg.toString.toString().includes("[native code]")){classes.push(arg.toString());continue}for(var key in arg){if(hasOwn.call(arg,key)&&arg[key]){classes.push(key)}}}}return classes.join(" ")}if(module.exports){classNames2.default=classNames2;module.exports=classNames2}else{window.classNames=classNames2}})()})(classnames$1);var classnamesExports=classnames$1.exports;const classnames=getDefaultExportFromCjs(classnamesExports);const buildPrefixedProps=(prefix2,data)=>Object.keys(data).reduce(((props,key)=>{props[`${prefix2}-${key}`]=data[key];return props}),{});const noop$1=()=>{};const buildAriaProps=aria=>buildPrefixedProps("aria",aria);const buildDataProps=data=>buildPrefixedProps("data",data);const buildCss=(...rules)=>classnames(rules).replace(/\s/g,"_");const buildHtmlProps=htmlOptions=>{const htmlProps={};Object.keys(htmlOptions).forEach((key=>{htmlProps[key]=htmlOptions[key]}));return htmlProps};const isEmpty$1=value=>!value||value=="";const titleizedWord=word=>word.charAt(0).toUpperCase()+word.slice(1).toLowerCase();const titleize=sentence=>isEmpty$1(sentence)?sentence:sentence.split(" ").map(titleizedWord).join(" ");const notEmpty=value=>!isEmpty$1(value);const joinPresent=(array,separator)=>filter(array,notEmpty).join(separator);const camelToSnakeCase=word=>word.split(/([A-Z])/g).map(((w2,i)=>{const prefix2=i>0?"_":"";return w2===w2.toLowerCase()?w2:prefix2+w2.toLowerCase()})).join("");const BitValues=[0,1];const getResponsivePropClasses=(prop,classPrefix)=>{const keys=Object.keys(prop);return keys.map((size=>{const propValue=typeof prop[size]==="string"?camelToSnakeCase(prop[size]):prop[size];return`${classPrefix}_${size}_${propValue}`})).join(" ")};const getPositioningPropsClasses=(position2,value)=>{let css4="";if(typeof value==="string"){css4+=`${position2}_${value}`}else if(typeof value==="object"&&value.inset){css4+=`${position2}_${value.value}_inset`}else if(typeof value==="object"){css4+=`${position2}_${value.value}`}return css4};const filterClassName=value=>{if(value.includes("%")){return value.replace("%","_percent")}else{return value}};const PROP_CATEGORIES={groupHoverProps:({groupHover:groupHover})=>groupHover?"group_hover ":"",hoverProps:({hover:hover})=>{let css4="";if(!hover)return css4;css4+=hover.shadow?`hover_shadow_${hover.shadow} `:"";css4+=hover.background?`hover_background-${hover.background} `:"";css4+=hover.underline?`hover_underline `:"";css4+=hover.scale?`hover_scale_${hover.scale} `:"";css4+=hover.color?`hover_color-${hover.color} `:"";css4+=hover.visibility?`hover_visibility`:"";return css4},spacingProps:({marginRight:marginRight,marginLeft:marginLeft,marginTop:marginTop,marginBottom:marginBottom,marginX:marginX,marginY:marginY,margin:margin,paddingRight:paddingRight,paddingLeft:paddingLeft,paddingTop:paddingTop,paddingBottom:paddingBottom,paddingX:paddingX,paddingY:paddingY,padding:padding})=>{let css4="";const spacingProps={marginRight:marginRight,marginLeft:marginLeft,marginTop:marginTop,marginBottom:marginBottom,marginX:marginX,marginY:marginY,margin:margin,paddingRight:paddingRight,paddingLeft:paddingLeft,paddingTop:paddingTop,paddingBottom:paddingBottom,paddingX:paddingX,paddingY:paddingY,padding:padding};const screenSizeValues=["xs","sm","md","lg","xl"];function handleObjectValue(properties,prefix2){let classResult="";const breakValue=properties.break||"on";const defaultValue=properties.default||null;Object.entries(properties).forEach((([key,value])=>{if(screenSizeValues.includes(key)){classResult+=`break_${breakValue}_${key}:${prefix2}_${value} `}}));if(defaultValue){classResult+=`${prefix2}_${defaultValue} `}return classResult}function getPrefix(key){const prefixes={marginRight:"mr",marginLeft:"ml",marginTop:"mt",marginBottom:"mb",marginX:"mx",marginY:"my",margin:"m",paddingRight:"pr",paddingLeft:"pl",paddingTop:"pt",paddingBottom:"pb",paddingX:"px",paddingY:"py",padding:"p"};return prefixes[key]}Object.entries(spacingProps).forEach((([key,value])=>{if(value){if(typeof value==="object"){css4+=handleObjectValue(value,getPrefix(key))}else{const prefix2=getPrefix(key);css4+=`${prefix2}_${value} `}}}));return css4.trim()},borderRadiusProps:({borderRadius:borderRadius2})=>{let css4="";css4+=borderRadius2?`border_radius_${borderRadius2} `:"";return css4},overflowProps:({overflow:overflow,overflowX:overflowX,overflowY:overflowY})=>{let css4="";css4+=overflow?`overflow_${overflow}`:"";css4+=overflowX?`overflow_x_${overflowX}`:"";css4+=overflowY?`overflow_y_${overflowY}`:"";return css4},truncateProps:({truncate:truncate})=>{if(typeof truncate==="object"){return""}else{return truncate?`truncate_${truncate}`:""}},darkProps:({dark:dark})=>dark?"dark":"",numberSpacingProps:({numberSpacing:numberSpacing})=>{let css4="";css4+=numberSpacing?`ns_${numberSpacing} `:"";return css4},widthProps:({width:width})=>{let css4="";css4+=width?`width_${filterClassName(width)} `:"";return css4.trimEnd()},minWidthProps:({minWidth:minWidth})=>{let css4="";css4+=minWidth?`min_width_${filterClassName(minWidth)} `:"";return css4.trimEnd()},maxWidthProps:({maxWidth:maxWidth})=>{let css4="";css4+=maxWidth?`max_width_${filterClassName(maxWidth)} `:"";return css4.trimEnd()},gapProps:({gap:gap})=>{let css4="";css4+=gap?`gap_${gap} `:"";return css4.trimEnd()},minHeightProps:({minHeight:minHeight})=>{const heightValues=["auto","xs","sm","md","lg","xl","xxl","xxxl"];if(heightValues.includes(minHeight)){let css4="";css4+=minHeight?`min_height_${filterClassName(minHeight)} `:"";return css4.trimEnd()}},maxHeightProps:({maxHeight:maxHeight})=>{const heightValues=["auto","xs","sm","md","lg","xl","xxl","xxxl"];if(heightValues.includes(maxHeight)){let css4="";css4+=maxHeight?`max_height_${filterClassName(maxHeight)} `:"";return css4.trimEnd()}},heightProps:({height:height})=>{const heightValues=["auto","xs","sm","md","lg","xl","xxl","xxxl"];if(heightValues.includes(height)){let css4="";css4+=height?`height_${filterClassName(height)} `:"";return css4.trimEnd()}},zIndexProps:zIndex=>{let css4="";Object.entries(zIndex).forEach((zIndexEntry=>{if(zIndexEntry[0]=="zIndex"){if(typeof zIndexEntry[1]=="number"){css4+=`z_index_${zIndexEntry[1]} `}else if(typeof zIndexEntry[1]=="object"){Object.entries(zIndexEntry[1]).forEach((zIndexObj=>{css4+=`z_index_${zIndexObj[0]}_${zIndexObj[1]} `}))}}}));return css4},shadowProps:({shadow:shadow})=>{let css4="";css4+=shadow?`shadow_${shadow} `:"";return css4},lineHeightProps:({lineHeight:lineHeight})=>{let css4="";css4+=lineHeight?`line_height_${lineHeight} `:"";return css4},displayProps:display=>{let css4="";Object.entries(display).forEach((displayEntry=>{if(displayEntry[0]=="display"){if(typeof displayEntry[1]=="string"){css4+=`display_${displayEntry[1]} `}else if(typeof displayEntry[1]=="object"){Object.entries(displayEntry[1]).forEach((displayObj=>{css4+=`display_${displayObj[0]}_${displayObj[1]} `}))}else;}}));return css4},cursorProps:({cursor:cursor2})=>{let css4="";css4+=cursor2?`cursor_${camelToSnakeCase(cursor2)}`:"";return css4},alignContentProps:({alignContent:alignContent})=>{if(typeof alignContent==="object"){return getResponsivePropClasses(alignContent,"align_content")}return alignContent?`align_content_${camelToSnakeCase(alignContent)}`:""},alignItemsProps:({alignItems:alignItems})=>{if(typeof alignItems==="object"){return getResponsivePropClasses(alignItems,"align_items")}else{return alignItems?`align_items_${camelToSnakeCase(alignItems)}`:""}},alignSelfProps:({alignSelf:alignSelf})=>{if(typeof alignSelf==="object"){return getResponsivePropClasses(alignSelf,"align_self")}else{return alignSelf?`align_self_${alignSelf}`:""}},flexDirectionProps:({flexDirection:flexDirection})=>{if(typeof flexDirection=="object"){return getResponsivePropClasses(flexDirection,"flex_direction")}else{return flexDirection?`flex_direction_${camelToSnakeCase(flexDirection)}`:""}},flexWrapProps:({flexWrap:flexWrap})=>{if(typeof flexWrap=="object"){return getResponsivePropClasses(flexWrap,"flex_wrap")}else{return flexWrap?`flex_wrap_${camelToSnakeCase(flexWrap)}`:""}},flexProps:({flex:flex})=>{if(typeof flex==="object"){return getResponsivePropClasses(flex,"flex")}else{return flex?`flex_${flex}`:""}},flexGrowProps:({flexGrow:flexGrow})=>{if(typeof flexGrow=="object"){return getResponsivePropClasses(flexGrow,"flex_grow")}else if(BitValues.includes(flexGrow)){return`flex_grow_${flexGrow}`}else{return""}},flexShrinkProps:({flexShrink:flexShrink})=>{if(typeof flexShrink=="object"){return getResponsivePropClasses(flexShrink,"flex_shrink")}else if(BitValues.includes(flexShrink)){return`flex_shrink_${flexShrink}`}else{return""}},justifyContentProps:({justifyContent:justifyContent})=>{if(typeof justifyContent==="object"){return getResponsivePropClasses(justifyContent,"justify_content")}else{return justifyContent?`justify_content_${camelToSnakeCase(justifyContent)}`:""}},justifySelfProps:({justifySelf:justifySelf})=>{if(typeof justifySelf==="object"){return getResponsivePropClasses(justifySelf,"justify_self")}else{return justifySelf?`justify_self_${justifySelf}`:""}},orderProps:({order:order})=>{if(typeof order==="object"){return getResponsivePropClasses(order,"flex_order")}else{return order?`flex_order_${order}`:""}},positionProps:({position:position2})=>{let css4="";css4+=position2&&position2!=="static"?`position_${position2}`:"";return css4},topProps:({top:top})=>getPositioningPropsClasses("top",top),rightProps:({right:right})=>getPositioningPropsClasses("right",right),bottomProps:({bottom:bottom})=>getPositioningPropsClasses("bottom",bottom),leftProps:({left:left})=>getPositioningPropsClasses("left",left),textAlignProps:({textAlign:textAlign})=>{if(typeof textAlign==="object"){return getResponsivePropClasses(textAlign,"text_align")}else{return textAlign?`text_align_${textAlign} `:""}},verticalAlignProps:({verticalAlign:verticalAlign})=>{if(typeof verticalAlign==="object"){return getResponsivePropClasses(verticalAlign,"vertical_align")}else{return verticalAlign?`vertical_align_${verticalAlign} `:""}}};const PROP_INLINE_CATEGORIES={heightProps:({height:height})=>height?{height:height}:{},maxHeightProps:({maxHeight:maxHeight})=>maxHeight?{maxHeight:maxHeight}:{},minHeightProps:({minHeight:minHeight})=>minHeight?{minHeight:minHeight}:{}};const globalProps=(props,defaultProps2={})=>{const allProps=Object.assign(Object.assign({},props),defaultProps2);return Object.keys(PROP_CATEGORIES).map((key=>PROP_CATEGORIES[key](allProps))).filter((value=>(value===null||value===void 0?void 0:value.length)>0)).join(" ")};const globalInlineProps=props=>{const styles=Object.keys(PROP_INLINE_CATEGORIES).reduce(((acc,key)=>{const result=PROP_INLINE_CATEGORIES[key](props);return Object.assign(Object.assign({},acc),typeof result==="object"?result:{})}),{});return styles};const domSafeProps=props=>{const notSafeProps=["marginRight","marginLeft","marginTop","marginBottom","marginX","marginY","margin","paddingRight","paddingLeft","paddingTop","paddingBottom","paddingX","paddingY","padding","dark","enableDrag"];return omit(props,notSafeProps)};const showElement=elem=>{elem.style.display="block";const height=elem.scrollHeight+"px";elem.style.height=height;elem.classList.add("is-visible");elem.style.overflow="hidden";window.setTimeout((()=>{if(!elem.classList.contains("is-visible")){elem.classList.add("is-visible")}elem.style.height="";elem.style.overflow="visible"}),300)};const hideElement=elem=>{elem.style.height=elem.scrollHeight+"px";window.setTimeout((()=>{elem.style.height="0";elem.style.paddingTop="0";elem.style.paddingBottom="0";elem.style.overflow="hidden"}),1);window.setTimeout((()=>{elem.classList.remove("is-visible");elem.style.overflow=""}),300)};const CollapsibleContext=createContext({});const CollapsibleContent=({children:children,className:className,...props})=>{const context=useContext(CollapsibleContext);const contentCSS=buildCss("pb_collapsible_content_kit");const contentSpacing=globalProps(props);const contentRef=useRef(null);useEffect((()=>{if(contentRef.current){if(context.collapsed){hideElement(contentRef.current)}else{showElement(contentRef.current)}}}),[context.collapsed]);return jsx$1("div",{className:classnames(contentCSS,contentSpacing,"toggle-content",className),"data-collapsible-content":"true",ref:contentRef,children:children})};const Flex=props=>{const{align:align="none",children:children,className:className,data:data={},inline:inline=false,horizontal:horizontal="left",htmlOptions:htmlOptions={},justify:justify="none",orientation:orientation="row",spacing:spacing2="none",gap:gap="none",rowGap:rowGap="none",columnGap:columnGap="none",reverse:reverse=false,vertical:vertical="top",wrap:wrap=false,alignSelf:alignSelf="none"}=props;const orientationClass=orientation!==void 0?`orientation_${orientation}`:"";const justifyClass=justify!=="none"?`justify_content_${justify}`:`justify_content_${horizontal}`;const alignClass=align!=="none"?`align_items_${align}`:`align_items_${vertical}`;const inlineClass=inline===true?"inline":"";const spacingClass=spacing2!==void 0?`spacing_${spacing2}`:"";const gapClass=gap!=="none"?`gap_${gap}`:"";const rowGapClass=rowGap!=="none"?`rowGap_${rowGap}`:"";const columnGapClass=columnGap!=="none"?`columnGap_${columnGap}`:"";const wrapClass=wrap===true?"wrap":"";const reverseClass=reverse===true?"reverse":"";const alignSelfClass=alignSelf!=="none"?`align_self_${alignSelf}`:"";const dataProps=buildDataProps(data);const htmlProps=buildHtmlProps(htmlOptions);const dynamicInlineProps=globalInlineProps(props);return jsx$1("div",Object.assign({className:classnames(buildCss("pb_flex_kit",orientationClass,justifyClass,alignClass,inlineClass,reverseClass,wrapClass,spacingClass,gapClass,rowGapClass,columnGapClass,alignSelfClass),globalProps(props),className),style:dynamicInlineProps},dataProps,htmlProps,{children:children}),void 0)};const FlexItem=props=>{const{children:children,className:className,fixedSize:fixedSize,grow:grow,htmlOptions:htmlOptions={},shrink:shrink,flex:flex="none",order:order="none",alignSelf:alignSelf,displayFlex:displayFlex}=props;const growClass=grow===true?"grow":"";const displayFlexClass=displayFlex===true?`display_flex_${displayFlex}`:"";const flexClass=flex!=="none"?`flex_${flex}`:"";const shrinkClass=shrink===true?"shrink":"";const alignSelfClass=alignSelf?`align_self_${alignSelf}`:"";const fixedStyle=fixedSize!==void 0?{flexBasis:`${fixedSize}`}:null;const orderClass=order!=="none"?`order_${order}`:null;const dynamicInlineProps=globalInlineProps(props);const combinedStyles=Object.assign(Object.assign({},fixedStyle),dynamicInlineProps);const htmlProps=buildHtmlProps(htmlOptions);return jsx$1("div",Object.assign({},htmlProps,{className:classnames(buildCss("pb_flex_item_kit",growClass,shrinkClass,flexClass,displayFlexClass),orderClass,alignSelfClass,globalProps(props),className),style:combinedStyles},{children:children}),void 0)};const isValidEmoji=emoji=>{const emojiRegex=new RegExp("^(\\p{Emoji}|\\uFE0F|\\u200D|\\u20E3)+$","u");return emojiRegex.test(emoji)};const flipMap={fa:{horizontal:"fa-flip-horizontal",vertical:"fa-flip-vertical",both:"fa-flip-horizontal fa-flip-vertical",none:""},svg:{horizontal:"flip_horizontal",vertical:"flip_vertical",both:"flip_horizontal flip_vertical",none:""}};const pulseMap={fa:"fa-pulse",svg:"pulse"};const spinMap={fa:"fa-spin",svg:"spin"};const rotateMap={fa:{90:"fa-rotate-90",180:"fa-rotate-180",270:"fa-rotate-270"},svg:{90:"rotate_90",180:"rotate_180",270:"rotate_270"}};const sizeMap={fa:{lg:"fa-lg",xs:"fa-xs",sm:"fa-sm","1x":"fa-1x","2x":"fa-2x","3x":"fa-3x","4x":"fa-4x","5x":"fa-5x","6x":"fa-6x","7x":"fa-7x","8x":"fa-8x","9x":"fa-9x","10x":"fa-10x","":""},svg:{lg:"svg_lg",xs:"svg_xs",sm:"svg_sm","1x":"svg_1x","2x":"svg_2x","3x":"svg_3x","4x":"svg_4x","5x":"svg_5x","6x":"svg_6x","7x":"svg_7x","8x":"svg_8x","9x":"svg_9x","10x":"svg_10x","":""}};const Icon=props=>{const{aria:aria={},border:border=false,className:className,color:color,customIcon:customIcon,data:data={},fixedWidth:fixedWidth=true,flip:flip2="none",htmlOptions:htmlOptions={},icon:icon="",id:id,inverse:inverse=false,listItem:listItem=false,pull:pull,pulse:pulse=false,rotation:rotation,size:size,fontStyle:fontStyle="far",spin:spin=false,tabIndex:tabIndex}=props;let iconElement=typeof icon==="object"?icon:null;if(!customIcon&&!iconElement){const PowerIcon=window.PB_ICONS?window.PB_ICONS[icon]:null;if(PowerIcon){iconElement=jsx$1(PowerIcon,{},void 0)}}const isFA=!iconElement&&!customIcon;let classes=classnames(!iconElement&&!customIcon?"pb_icon_kit":"",iconElement||customIcon?"pb_custom_icon":fontStyle,iconElement?"svg-inline--fa":"",color?`color_${color}`:"",globalProps(props),className);const transformClasses=classnames(flip2?flipMap[isFA?"fa":"svg"][flip2]:null,pulse?pulseMap[isFA?"fa":"svg"]:null,rotation?rotateMap[isFA?"fa":"svg"][rotation]:null,spin?spinMap[isFA?"fa":"svg"]:null,size?sizeMap[isFA?"fa":"svg"][size]:null,border?isFA?"fa-border":"svg_border":null,fixedWidth?isFA?"fa-fw":"svg_fw":null,inverse?isFA?"fa-inverse":"svg_inverse":null,listItem?isFA?"fa-li":"svg_li":null,pull?isFA?`fa-pull-${pull}`:`pull_${pull}`:null);classes+=` ${transformClasses}`;if(isFA){const faClassList={"fa-border":border,"fa-inverse":inverse,"fa-li":listItem,[`fa-${size}`]:size,[`fa-pull-${pull}`]:pull};faClassList[`fa-${icon}`]=icon;classes+=` ${classnames(faClassList)}`}const classesEmoji=classnames("pb_icon_kit_emoji",globalProps(props),className);aria.label?null:aria.label=`${icon} icon`;const ariaProps=buildAriaProps(aria);const dataProps=buildDataProps(data);const htmlProps=buildHtmlProps(htmlOptions);const displaySVG=customIcon2=>{if(iconElement||customIcon2)return jsx$1(Fragment,{children:React__default.cloneElement(iconElement||customIcon2,Object.assign(Object.assign(Object.assign(Object.assign({},dataProps),htmlProps),{className:classes,id:id,width:"auto",height:"auto"}),props.tabIndex!==void 0&&{tabIndex:tabIndex}))},void 0);else if(isValidEmoji(icon))return jsx$1(Fragment,{children:jsx$1("span",Object.assign({},dataProps,htmlProps,{className:classesEmoji,id:id},{children:icon}),void 0)},void 0);else return jsxs(Fragment,{children:[jsx$1("i",Object.assign({},dataProps,htmlProps,{className:classes,id:id}),void 0),jsx$1("span",Object.assign({},ariaProps,{hidden:true}),void 0)]},void 0)};return jsx$1(Fragment,{children:displaySVG(customIcon)},void 0)};const colorMap={default:"#242B42",light:"#687887",lighter:"#C1CDD6",link:"#0056CF",error:"#FF2229",success:"#00CA74"};const CollapsibleIcon=({collapsed:collapsed,icon:icon,iconSize:iconSize,iconColor:iconColor,onIconClick:onIconClick})=>{const color=colorMap[iconColor];const showIcon=icon2=>{if(icon2==="none"){return[]}else if(typeof icon2==="string"){return[icon2,icon2]}return icon2};const handleIconClick=e=>{if(onIconClick){e.stopPropagation();onIconClick()}};return jsx$1(Fragment,{children:icon!=="none"?collapsed?jsx$1("div",{className:"icon_wrapper",onClick:e=>handleIconClick(e),style:{verticalAlign:"middle",color:color},children:jsx$1(Icon,{icon:icon?showIcon(icon)[0]:"chevron-down",size:iconSize})},icon?showIcon(icon)[0]:"chevron-down"):jsx$1("div",{className:"icon_wrapper",onClick:e=>handleIconClick(e),style:{verticalAlign:"middle",color:color},children:jsx$1(Icon,{icon:icon?showIcon(icon)[1]:"chevron-up",size:iconSize})},icon?showIcon(icon)[1]:"chevron-up"):jsx$1("div",{})})};const CollapsibleMain=({children:children,className:className,cursor:cursor2="pointer",...props})=>{const{collapsed:collapsed,toggle:toggle,icon:icon,iconSize:iconSize,iconColor:iconColor,onIconClick:onIconClick,onClick:onClick}=useContext(CollapsibleContext);const mainCSS=buildCss("pb_collapsible_main_kit");const mainSpacing=globalProps(props,{cursor:cursor2});const handleCollapsibleClick=()=>{onClick&&onClick();const disableToggle=onClick&&onClick();if(disableToggle!==true){toggle()}};return jsx$1("div",{className:classnames(mainCSS,mainSpacing,className),children:jsx$1("div",{onClick:handleCollapsibleClick,children:jsxs(Flex,{spacing:"between",vertical:"center",children:[jsx$1(FlexItem,{children:children}),jsx$1(FlexItem,{children:jsx$1(CollapsibleIcon,{collapsed:collapsed,icon:icon,iconColor:iconColor,iconSize:iconSize,onIconClick:onIconClick})})]})})})};const Collapsible=({aria:aria={},className:className,children:children,collapsed:collapsed=true,data:data={},htmlOptions:htmlOptions={},icon:icon,iconColor:iconColor="default",iconSize:iconSize,onIconClick:onIconClick,onClick:onClick,id:id,tag:tag="div",...props})=>{const[isCollapsed,toggle,setIsCollapsed]=useCollapsible(collapsed);useEffect((()=>{setIsCollapsed(collapsed)}),[collapsed]);if(children.length!==2){throw new Error("Collapsible requires <CollapsibleMain> and <CollapsibleContent> to function properly.")}const FirstChild=children[0];const Main=FirstChild.type===CollapsibleMain?FirstChild:null;const Content=children[1];const{children:mainChildren=null,...mainProps}=Main?Main.props:{};const{children:contentChildren,...contentProps}=Content.props;const ariaProps=buildAriaProps(aria);const dataProps=buildDataProps(data);const htmlProps=buildHtmlProps(htmlOptions);const classes=classnames(buildCss("pb_collapsible_kit"),globalProps(props),className);const dynamicInlineProps=globalInlineProps(props);const Tag=`${tag}`;return jsx$1(CollapsibleContext.Provider,{value:{collapsed:isCollapsed,toggle:toggle,icon:icon,iconSize:iconSize,iconColor:iconColor,onIconClick:onIconClick,onClick:onClick},children:jsxs(Tag,{...ariaProps,...dataProps,...htmlProps,className:classes,id:id,style:dynamicInlineProps,children:[Main?jsx$1(CollapsibleMain,{...mainProps,children:mainChildren}):FirstChild,jsx$1(CollapsibleContent,{...contentProps,children:contentChildren})]})})};Collapsible.Main=CollapsibleMain;Collapsible.Content=CollapsibleContent;Collapsible.Icon=CollapsibleIcon;
|
6
|
+
*/(function(module){(function(){var hasOwn={}.hasOwnProperty;function classNames2(){var classes=[];for(var i=0;i<arguments.length;i++){var arg=arguments[i];if(!arg)continue;var argType=typeof arg;if(argType==="string"||argType==="number"){classes.push(arg)}else if(Array.isArray(arg)){if(arg.length){var inner=classNames2.apply(null,arg);if(inner){classes.push(inner)}}}else if(argType==="object"){if(arg.toString!==Object.prototype.toString&&!arg.toString.toString().includes("[native code]")){classes.push(arg.toString());continue}for(var key in arg){if(hasOwn.call(arg,key)&&arg[key]){classes.push(key)}}}}return classes.join(" ")}if(module.exports){classNames2.default=classNames2;module.exports=classNames2}else{window.classNames=classNames2}})()})(classnames$1);var classnamesExports=classnames$1.exports;const classnames=getDefaultExportFromCjs(classnamesExports);const buildPrefixedProps=(prefix2,data)=>Object.keys(data).reduce(((props,key)=>{props[`${prefix2}-${key}`]=data[key];return props}),{});const noop$1=()=>{};const buildAriaProps=aria=>buildPrefixedProps("aria",aria);const buildDataProps=data=>buildPrefixedProps("data",data);const buildCss=(...rules)=>classnames(rules).replace(/\s/g,"_");const buildHtmlProps=htmlOptions=>{const htmlProps={};Object.keys(htmlOptions).forEach((key=>{htmlProps[key]=htmlOptions[key]}));return htmlProps};const isEmpty$1=value=>!value||value=="";const titleizedWord=word=>word.charAt(0).toUpperCase()+word.slice(1).toLowerCase();const titleize=sentence=>isEmpty$1(sentence)?sentence:sentence.split(" ").map(titleizedWord).join(" ");const notEmpty=value=>!isEmpty$1(value);const joinPresent=(array,separator)=>filter(array,notEmpty).join(separator);const camelToSnakeCase=word=>word.split(/([A-Z])/g).map(((w2,i)=>{const prefix2=i>0?"_":"";return w2===w2.toLowerCase()?w2:prefix2+w2.toLowerCase()})).join("");const BitValues=[0,1];const getResponsivePropClasses=(prop,classPrefix)=>{const keys=Object.keys(prop);return keys.map((size=>{const propValue=typeof prop[size]==="string"?camelToSnakeCase(prop[size]):prop[size];return`${classPrefix}_${size}_${propValue}`})).join(" ")};const getPositioningPropsClasses=(position2,value)=>{let css4="";if(typeof value==="string"){css4+=`${position2}_${value}`}else if(typeof value==="object"&&value.inset){css4+=`${position2}_${value.value}_inset`}else if(typeof value==="object"){css4+=`${position2}_${value.value}`}return css4};const filterClassName=value=>{if(value.includes("%")){return value.replace("%","_percent")}else{return value}};const PROP_CATEGORIES={groupHoverProps:({groupHover:groupHover})=>groupHover?"group_hover ":"",hoverProps:({hover:hover})=>{let css4="";if(!hover)return css4;css4+=hover.shadow?`hover_shadow_${hover.shadow} `:"";css4+=hover.background?`hover_background-${hover.background} `:"";css4+=hover.underline?`hover_underline `:"";css4+=hover.scale?`hover_scale_${hover.scale} `:"";css4+=hover.color?`hover_color-${hover.color} `:"";css4+=hover.visibility?`hover_visibility`:"";return css4},spacingProps:({marginRight:marginRight,marginLeft:marginLeft,marginTop:marginTop,marginBottom:marginBottom,marginX:marginX,marginY:marginY,margin:margin,paddingRight:paddingRight,paddingLeft:paddingLeft,paddingTop:paddingTop,paddingBottom:paddingBottom,paddingX:paddingX,paddingY:paddingY,padding:padding})=>{let css4="";const spacingProps={marginRight:marginRight,marginLeft:marginLeft,marginTop:marginTop,marginBottom:marginBottom,marginX:marginX,marginY:marginY,margin:margin,paddingRight:paddingRight,paddingLeft:paddingLeft,paddingTop:paddingTop,paddingBottom:paddingBottom,paddingX:paddingX,paddingY:paddingY,padding:padding};const screenSizeValues=["xs","sm","md","lg","xl"];function handleObjectValue(properties,prefix2){let classResult="";const breakValue=properties.break||"on";const defaultValue=properties.default||null;Object.entries(properties).forEach((([key,value])=>{if(screenSizeValues.includes(key)){classResult+=`break_${breakValue}_${key}:${prefix2}_${value} `}}));if(defaultValue){classResult+=`${prefix2}_${defaultValue} `}return classResult}function getPrefix(key){const prefixes={marginRight:"mr",marginLeft:"ml",marginTop:"mt",marginBottom:"mb",marginX:"mx",marginY:"my",margin:"m",paddingRight:"pr",paddingLeft:"pl",paddingTop:"pt",paddingBottom:"pb",paddingX:"px",paddingY:"py",padding:"p"};return prefixes[key]}Object.entries(spacingProps).forEach((([key,value])=>{if(value){if(typeof value==="object"){css4+=handleObjectValue(value,getPrefix(key))}else{const prefix2=getPrefix(key);css4+=`${prefix2}_${value} `}}}));return css4.trim()},borderRadiusProps:({borderRadius:borderRadius2})=>{let css4="";css4+=borderRadius2?`border_radius_${borderRadius2} `:"";return css4},overflowProps:({overflow:overflow,overflowX:overflowX,overflowY:overflowY})=>{let css4="";css4+=overflow?`overflow_${overflow}`:"";css4+=overflowX?`overflow_x_${overflowX}`:"";css4+=overflowY?`overflow_y_${overflowY}`:"";return css4},truncateProps:({truncate:truncate})=>{if(typeof truncate==="object"){return""}else{return truncate?`truncate_${truncate}`:""}},darkProps:({dark:dark})=>dark?"dark":"",numberSpacingProps:({numberSpacing:numberSpacing})=>{let css4="";css4+=numberSpacing?`ns_${numberSpacing} `:"";return css4},widthProps:({width:width})=>{let css4="";css4+=width?`width_${filterClassName(width)} `:"";return css4.trimEnd()},minWidthProps:({minWidth:minWidth})=>{let css4="";css4+=minWidth?`min_width_${filterClassName(minWidth)} `:"";return css4.trimEnd()},maxWidthProps:({maxWidth:maxWidth})=>{let css4="";css4+=maxWidth?`max_width_${filterClassName(maxWidth)} `:"";return css4.trimEnd()},gapProps:({gap:gap})=>{let css4="";css4+=gap?`gap_${gap} `:"";return css4.trimEnd()},minHeightProps:({minHeight:minHeight})=>{const heightValues=["auto","xs","sm","md","lg","xl","xxl","xxxl"];if(heightValues.includes(minHeight)){let css4="";css4+=minHeight?`min_height_${filterClassName(minHeight)} `:"";return css4.trimEnd()}},maxHeightProps:({maxHeight:maxHeight})=>{const heightValues=["auto","xs","sm","md","lg","xl","xxl","xxxl"];if(heightValues.includes(maxHeight)){let css4="";css4+=maxHeight?`max_height_${filterClassName(maxHeight)} `:"";return css4.trimEnd()}},heightProps:({height:height})=>{const heightValues=["auto","xs","sm","md","lg","xl","xxl","xxxl"];if(heightValues.includes(height)){let css4="";css4+=height?`height_${filterClassName(height)} `:"";return css4.trimEnd()}},zIndexProps:zIndex=>{let css4="";Object.entries(zIndex).forEach((zIndexEntry=>{if(zIndexEntry[0]=="zIndex"){if(typeof zIndexEntry[1]=="number"){css4+=`z_index_${zIndexEntry[1]} `}else if(typeof zIndexEntry[1]=="object"){Object.entries(zIndexEntry[1]).forEach((zIndexObj=>{css4+=`z_index_${zIndexObj[0]}_${zIndexObj[1]} `}))}}}));return css4},shadowProps:({shadow:shadow})=>{let css4="";css4+=shadow?`shadow_${shadow} `:"";return css4},lineHeightProps:({lineHeight:lineHeight})=>{let css4="";css4+=lineHeight?`line_height_${lineHeight} `:"";return css4},displayProps:display=>{let css4="";Object.entries(display).forEach((displayEntry=>{if(displayEntry[0]=="display"){if(typeof displayEntry[1]=="string"){css4+=`display_${displayEntry[1]} `}else if(typeof displayEntry[1]=="object"){Object.entries(displayEntry[1]).forEach((displayObj=>{css4+=`display_${displayObj[0]}_${displayObj[1]} `}))}else;}}));return css4},cursorProps:({cursor:cursor2})=>{let css4="";css4+=cursor2?`cursor_${camelToSnakeCase(cursor2)}`:"";return css4},alignContentProps:({alignContent:alignContent})=>{if(typeof alignContent==="object"){return getResponsivePropClasses(alignContent,"align_content")}return alignContent?`align_content_${camelToSnakeCase(alignContent)}`:""},alignItemsProps:({alignItems:alignItems})=>{if(typeof alignItems==="object"){return getResponsivePropClasses(alignItems,"align_items")}else{return alignItems?`align_items_${camelToSnakeCase(alignItems)}`:""}},alignSelfProps:({alignSelf:alignSelf})=>{if(typeof alignSelf==="object"){return getResponsivePropClasses(alignSelf,"align_self")}else{return alignSelf?`align_self_${alignSelf}`:""}},flexDirectionProps:({flexDirection:flexDirection})=>{if(typeof flexDirection=="object"){return getResponsivePropClasses(flexDirection,"flex_direction")}else{return flexDirection?`flex_direction_${camelToSnakeCase(flexDirection)}`:""}},flexWrapProps:({flexWrap:flexWrap})=>{if(typeof flexWrap=="object"){return getResponsivePropClasses(flexWrap,"flex_wrap")}else{return flexWrap?`flex_wrap_${camelToSnakeCase(flexWrap)}`:""}},flexProps:({flex:flex})=>{if(typeof flex==="object"){return getResponsivePropClasses(flex,"flex")}else{return flex?`flex_${flex}`:""}},flexGrowProps:({flexGrow:flexGrow})=>{if(typeof flexGrow=="object"){return getResponsivePropClasses(flexGrow,"flex_grow")}else if(BitValues.includes(flexGrow)){return`flex_grow_${flexGrow}`}else{return""}},flexShrinkProps:({flexShrink:flexShrink})=>{if(typeof flexShrink=="object"){return getResponsivePropClasses(flexShrink,"flex_shrink")}else if(BitValues.includes(flexShrink)){return`flex_shrink_${flexShrink}`}else{return""}},justifyContentProps:({justifyContent:justifyContent})=>{if(typeof justifyContent==="object"){return getResponsivePropClasses(justifyContent,"justify_content")}else{return justifyContent?`justify_content_${camelToSnakeCase(justifyContent)}`:""}},justifySelfProps:({justifySelf:justifySelf})=>{if(typeof justifySelf==="object"){return getResponsivePropClasses(justifySelf,"justify_self")}else{return justifySelf?`justify_self_${justifySelf}`:""}},orderProps:({order:order})=>{if(typeof order==="object"){return getResponsivePropClasses(order,"flex_order")}else{return order?`flex_order_${order}`:""}},positionProps:({position:position2})=>{let css4="";css4+=position2&&position2!=="static"?`position_${position2}`:"";return css4},topProps:({top:top})=>getPositioningPropsClasses("top",top),rightProps:({right:right})=>getPositioningPropsClasses("right",right),bottomProps:({bottom:bottom})=>getPositioningPropsClasses("bottom",bottom),leftProps:({left:left})=>getPositioningPropsClasses("left",left),textAlignProps:({textAlign:textAlign})=>{if(typeof textAlign==="object"){return getResponsivePropClasses(textAlign,"text_align")}else{return textAlign?`text_align_${textAlign} `:""}},verticalAlignProps:({verticalAlign:verticalAlign})=>{if(typeof verticalAlign==="object"){return getResponsivePropClasses(verticalAlign,"vertical_align")}else{return verticalAlign?`vertical_align_${verticalAlign} `:""}}};const PROP_INLINE_CATEGORIES={heightProps:({height:height})=>height?{height:height}:{},maxHeightProps:({maxHeight:maxHeight})=>maxHeight?{maxHeight:maxHeight}:{},minHeightProps:({minHeight:minHeight})=>minHeight?{minHeight:minHeight}:{}};const globalProps=(props,defaultProps2={})=>{const allProps=Object.assign(Object.assign({},props),defaultProps2);return Object.keys(PROP_CATEGORIES).map((key=>PROP_CATEGORIES[key](allProps))).filter((value=>(value===null||value===void 0?void 0:value.length)>0)).join(" ")};const globalInlineProps=props=>{const styles=Object.keys(PROP_INLINE_CATEGORIES).reduce(((acc,key)=>{const result=PROP_INLINE_CATEGORIES[key](props);return Object.assign(Object.assign({},acc),typeof result==="object"?result:{})}),{});return styles};const domSafeProps=props=>{const notSafeProps=["marginRight","marginLeft","marginTop","marginBottom","marginX","marginY","margin","paddingRight","paddingLeft","paddingTop","paddingBottom","paddingX","paddingY","padding","dark","enableDrag"];return omit(props,notSafeProps)};const showElement=elem=>{elem.style.display="block";const height=elem.scrollHeight+"px";elem.style.height=height;elem.classList.add("is-visible");elem.style.overflow="hidden";window.setTimeout((()=>{if(!elem.classList.contains("is-visible")){elem.classList.add("is-visible")}elem.style.height="";elem.style.overflow="visible"}),300)};const hideElement=elem=>{elem.style.height=elem.scrollHeight+"px";window.setTimeout((()=>{elem.style.height="0";elem.style.paddingTop="0";elem.style.paddingBottom="0";elem.style.overflow="hidden"}),1);window.setTimeout((()=>{elem.classList.remove("is-visible");elem.style.overflow=""}),300)};const CollapsibleContext=createContext({});const CollapsibleContent=({children:children,className:className,...props})=>{const context=useContext(CollapsibleContext);const contentCSS=buildCss("pb_collapsible_content_kit");const contentSpacing=globalProps(props);const contentRef=useRef(null);useEffect((()=>{if(contentRef.current){if(context.collapsed){hideElement(contentRef.current)}else{showElement(contentRef.current)}}}),[context.collapsed]);return jsx$1("div",{className:classnames(contentCSS,contentSpacing,"toggle-content",className),"data-collapsible-content":"true",ref:contentRef,children:children})};const Flex=props=>{const{align:align="none",children:children,className:className,data:data={},inline:inline=false,horizontal:horizontal="left",htmlOptions:htmlOptions={},justify:justify="none",orientation:orientation="row",spacing:spacing2="none",gap:gap="none",rowGap:rowGap="none",columnGap:columnGap="none",reverse:reverse=false,vertical:vertical="top",wrap:wrap=false,alignSelf:alignSelf="none"}=props;const orientationClass=orientation!==void 0?`orientation_${orientation}`:"";const justifyClass=justify!=="none"?`justify_content_${justify}`:`justify_content_${horizontal}`;const alignClass=align!=="none"?`align_items_${align}`:`align_items_${vertical}`;const inlineClass=inline===true?"inline":"";const spacingClass=spacing2!==void 0?`spacing_${spacing2}`:"";const gapClass=gap!=="none"?`gap_${gap}`:"";const rowGapClass=rowGap!=="none"?`rowGap_${rowGap}`:"";const columnGapClass=columnGap!=="none"?`columnGap_${columnGap}`:"";const wrapClass=wrap===true?"wrap":"";const reverseClass=reverse===true?"reverse":"";const alignSelfClass=alignSelf!=="none"?`align_self_${alignSelf}`:"";const dataProps=buildDataProps(data);const htmlProps=buildHtmlProps(htmlOptions);const dynamicInlineProps=globalInlineProps(props);return jsx$1("div",Object.assign({className:classnames(buildCss("pb_flex_kit",orientationClass,justifyClass,alignClass,inlineClass,reverseClass,wrapClass,spacingClass,gapClass,rowGapClass,columnGapClass,alignSelfClass),globalProps(props),className),style:dynamicInlineProps},dataProps,htmlProps,{children:children}),void 0)};const FlexItem=props=>{const{children:children,className:className,fixedSize:fixedSize,grow:grow,htmlOptions:htmlOptions={},shrink:shrink,flex:flex="none",order:order="none",alignSelf:alignSelf,displayFlex:displayFlex}=props;const growClass=grow===true?"grow":"";const displayFlexClass=displayFlex===true?`display_flex_${displayFlex}`:"";const flexClass=flex!=="none"?`flex_${flex}`:"";const shrinkClass=shrink===true?"shrink":"";const alignSelfClass=alignSelf?`align_self_${alignSelf}`:"";const fixedStyle=fixedSize!==void 0?{flexBasis:`${fixedSize}`}:null;const orderClass=order!=="none"?`order_${order}`:null;const dynamicInlineProps=globalInlineProps(props);const combinedStyles=Object.assign(Object.assign({},fixedStyle),dynamicInlineProps);const htmlProps=buildHtmlProps(htmlOptions);return jsx$1("div",Object.assign({},htmlProps,{className:classnames(buildCss("pb_flex_item_kit",growClass,shrinkClass,flexClass,displayFlexClass),orderClass,alignSelfClass,globalProps(props),className),style:combinedStyles},{children:children}),void 0)};const isValidEmoji=emoji=>{const emojiRegex=new RegExp("^(\\p{Emoji}|\\uFE0F|\\u200D|\\u20E3)+$","u");return emojiRegex.test(emoji)};const flipMap={fa:{horizontal:"fa-flip-horizontal",vertical:"fa-flip-vertical",both:"fa-flip-horizontal fa-flip-vertical",none:""},svg:{horizontal:"flip_horizontal",vertical:"flip_vertical",both:"flip_horizontal flip_vertical",none:""}};const pulseMap={fa:"fa-pulse",svg:"pulse"};const spinMap={fa:"fa-spin",svg:"spin"};const rotateMap={fa:{90:"fa-rotate-90",180:"fa-rotate-180",270:"fa-rotate-270"},svg:{90:"rotate_90",180:"rotate_180",270:"rotate_270"}};const sizeMap={fa:{lg:"fa-lg",xs:"fa-xs",sm:"fa-sm","1x":"fa-1x","2x":"fa-2x","3x":"fa-3x","4x":"fa-4x","5x":"fa-5x","6x":"fa-6x","7x":"fa-7x","8x":"fa-8x","9x":"fa-9x","10x":"fa-10x","":""},svg:{lg:"svg_lg",xs:"svg_xs",sm:"svg_sm","1x":"svg_1x","2x":"svg_2x","3x":"svg_3x","4x":"svg_4x","5x":"svg_5x","6x":"svg_6x","7x":"svg_7x","8x":"svg_8x","9x":"svg_9x","10x":"svg_10x","":""}};const Icon=props=>{const{aria:aria={},border:border=false,className:className,color:color,customIcon:customIcon,data:data={},fixedWidth:fixedWidth=true,flip:flip2="none",htmlOptions:htmlOptions={},icon:icon="",id:id,inverse:inverse=false,listItem:listItem=false,pull:pull,pulse:pulse=false,rotation:rotation,size:size,fontStyle:fontStyle="fas",spin:spin=false,tabIndex:tabIndex}=props;let iconElement=typeof icon==="object"?icon:null;if(!customIcon&&!iconElement){const PowerIcon=window.PB_ICONS?window.PB_ICONS[icon]:null;if(PowerIcon){iconElement=jsx$1(PowerIcon,{},void 0)}}const isFA=!iconElement&&!customIcon;let classes=classnames(!iconElement&&!customIcon?"pb_icon_kit":"",iconElement||customIcon?"pb_custom_icon":fontStyle,iconElement?"svg-inline--fa":"",color?`color_${color}`:"",globalProps(props),className);const transformClasses=classnames(flip2?flipMap[isFA?"fa":"svg"][flip2]:null,pulse?pulseMap[isFA?"fa":"svg"]:null,rotation?rotateMap[isFA?"fa":"svg"][rotation]:null,spin?spinMap[isFA?"fa":"svg"]:null,size?sizeMap[isFA?"fa":"svg"][size]:null,border?isFA?"fa-border":"svg_border":null,fixedWidth?isFA?"fa-fw":"svg_fw":null,inverse?isFA?"fa-inverse":"svg_inverse":null,listItem?isFA?"fa-li":"svg_li":null,pull?isFA?`fa-pull-${pull}`:`pull_${pull}`:null);classes+=` ${transformClasses}`;if(isFA){const faClassList={"fa-border":border,"fa-inverse":inverse,"fa-li":listItem,[`fa-${size}`]:size,[`fa-pull-${pull}`]:pull};faClassList[`fa-${icon}`]=icon;classes+=` ${classnames(faClassList)}`}const classesEmoji=classnames("pb_icon_kit_emoji",globalProps(props),className);aria.label?null:aria.label=`${icon} icon`;const ariaProps=buildAriaProps(aria);const dataProps=buildDataProps(data);const htmlProps=buildHtmlProps(htmlOptions);const displaySVG=customIcon2=>{if(iconElement||customIcon2)return jsx$1(Fragment,{children:React__default.cloneElement(iconElement||customIcon2,Object.assign(Object.assign(Object.assign(Object.assign({},dataProps),htmlProps),{className:classes,id:id,width:"auto",height:"auto"}),props.tabIndex!==void 0&&{tabIndex:tabIndex}))},void 0);else if(isValidEmoji(icon))return jsx$1(Fragment,{children:jsx$1("span",Object.assign({},dataProps,htmlProps,{className:classesEmoji,id:id},{children:icon}),void 0)},void 0);else return jsxs(Fragment,{children:[jsx$1("i",Object.assign({},dataProps,htmlProps,{className:classes,id:id}),void 0),jsx$1("span",Object.assign({},ariaProps,{hidden:true}),void 0)]},void 0)};return jsx$1(Fragment,{children:displaySVG(customIcon)},void 0)};const colorMap={default:"#242B42",light:"#687887",lighter:"#C1CDD6",link:"#0056CF",error:"#FF2229",success:"#00CA74"};const CollapsibleIcon=({collapsed:collapsed,icon:icon,iconSize:iconSize,iconColor:iconColor,onIconClick:onIconClick})=>{const color=colorMap[iconColor];const showIcon=icon2=>{if(icon2==="none"){return[]}else if(typeof icon2==="string"){return[icon2,icon2]}return icon2};const handleIconClick=e=>{if(onIconClick){e.stopPropagation();onIconClick()}};return jsx$1(Fragment,{children:icon!=="none"?collapsed?jsx$1("div",{className:"icon_wrapper",onClick:e=>handleIconClick(e),style:{verticalAlign:"middle",color:color},children:jsx$1(Icon,{icon:icon?showIcon(icon)[0]:"chevron-down",size:iconSize})},icon?showIcon(icon)[0]:"chevron-down"):jsx$1("div",{className:"icon_wrapper",onClick:e=>handleIconClick(e),style:{verticalAlign:"middle",color:color},children:jsx$1(Icon,{icon:icon?showIcon(icon)[1]:"chevron-up",size:iconSize})},icon?showIcon(icon)[1]:"chevron-up"):jsx$1("div",{})})};const CollapsibleMain=({children:children,className:className,cursor:cursor2="pointer",...props})=>{const{collapsed:collapsed,toggle:toggle,icon:icon,iconSize:iconSize,iconColor:iconColor,onIconClick:onIconClick,onClick:onClick}=useContext(CollapsibleContext);const mainCSS=buildCss("pb_collapsible_main_kit");const mainSpacing=globalProps(props,{cursor:cursor2});const handleCollapsibleClick=()=>{onClick&&onClick();const disableToggle=onClick&&onClick();if(disableToggle!==true){toggle()}};return jsx$1("div",{className:classnames(mainCSS,mainSpacing,className),children:jsx$1("div",{onClick:handleCollapsibleClick,children:jsxs(Flex,{spacing:"between",vertical:"center",children:[jsx$1(FlexItem,{children:children}),jsx$1(FlexItem,{children:jsx$1(CollapsibleIcon,{collapsed:collapsed,icon:icon,iconColor:iconColor,iconSize:iconSize,onIconClick:onIconClick})})]})})})};const Collapsible=({aria:aria={},className:className,children:children,collapsed:collapsed=true,data:data={},htmlOptions:htmlOptions={},icon:icon,iconColor:iconColor="default",iconSize:iconSize,onIconClick:onIconClick,onClick:onClick,id:id,tag:tag="div",...props})=>{const[isCollapsed,toggle,setIsCollapsed]=useCollapsible(collapsed);useEffect((()=>{setIsCollapsed(collapsed)}),[collapsed]);if(children.length!==2){throw new Error("Collapsible requires <CollapsibleMain> and <CollapsibleContent> to function properly.")}const FirstChild=children[0];const Main=FirstChild.type===CollapsibleMain?FirstChild:null;const Content=children[1];const{children:mainChildren=null,...mainProps}=Main?Main.props:{};const{children:contentChildren,...contentProps}=Content.props;const ariaProps=buildAriaProps(aria);const dataProps=buildDataProps(data);const htmlProps=buildHtmlProps(htmlOptions);const classes=classnames(buildCss("pb_collapsible_kit"),globalProps(props),className);const dynamicInlineProps=globalInlineProps(props);const Tag=`${tag}`;return jsx$1(CollapsibleContext.Provider,{value:{collapsed:isCollapsed,toggle:toggle,icon:icon,iconSize:iconSize,iconColor:iconColor,onIconClick:onIconClick,onClick:onClick},children:jsxs(Tag,{...ariaProps,...dataProps,...htmlProps,className:classes,id:id,style:dynamicInlineProps,children:[Main?jsx$1(CollapsibleMain,{...mainProps,children:mainChildren}):FirstChild,jsx$1(CollapsibleContent,{...contentProps,children:contentChildren})]})})};Collapsible.Main=CollapsibleMain;Collapsible.Content=CollapsibleContent;Collapsible.Icon=CollapsibleIcon;
|
7
7
|
/*! *****************************************************************************
|
8
8
|
Copyright (c) Microsoft Corporation.
|
9
9
|
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import{r as requireLazysizes}from"./lazysizes-B7xYodB-.js";import{jsx,Fragment,jsxs}from"react/jsx-runtime";import*as React from"react";import React__default,{useEffect,createContext,useContext,useState,useCallback,useRef,createElement,forwardRef,useImperativeHandle,useMemo,useReducer,Fragment as Fragment$1,useLayoutEffect,isValidElement}from"react";import{h as buildAriaProps,i as buildDataProps,j as buildHtmlProps,k as classnames,l as globalProps,m as buildCss,n as Collapsible,o as globalInlineProps,F as Flex,p as Checkbox,I as Icon,q as FlexItem,r as Body$1,s as Caption,t as Card,A as Avatar,u as domSafeProps,v as Title,S as SectionSeparator,w as Draggable,x as TextInput,y as PropTypes,z as noop$5,E as isEmpty,H as PbReactPopover,J as CircleIconButton,K as Button,N as HighchartsReact,O as Badge,Q as joinPresent,U as titleize,V as IconCircle,W as Image,X as Radio}from"./_typeahead-
|
1
|
+
import{r as requireLazysizes}from"./lazysizes-B7xYodB-.js";import{jsx,Fragment,jsxs}from"react/jsx-runtime";import*as React from"react";import React__default,{useEffect,createContext,useContext,useState,useCallback,useRef,createElement,forwardRef,useImperativeHandle,useMemo,useReducer,Fragment as Fragment$1,useLayoutEffect,isValidElement}from"react";import{h as buildAriaProps,i as buildDataProps,j as buildHtmlProps,k as classnames,l as globalProps,m as buildCss,n as Collapsible,o as globalInlineProps,F as Flex,p as Checkbox,I as Icon,q as FlexItem,r as Body$1,s as Caption,t as Card,A as Avatar,u as domSafeProps,v as Title,S as SectionSeparator,w as Draggable,x as TextInput,y as PropTypes,z as noop$5,E as isEmpty,H as PbReactPopover,J as CircleIconButton,K as Button,N as HighchartsReact,O as Badge,Q as joinPresent,U as titleize,V as IconCircle,W as Image,X as Radio}from"./_typeahead-BDhvNf6A.js";import{u as useCollapsible,j as getAllIcons,D as DateTime$1,a as datePickerHelper,k as useDropdown,o as omitBy,l as isEmpty$1,m as map,p as partial,n as find$1,q as commonjsGlobal,r as getDefaultExportFromCjs,s as highchartsDarkTheme,t as highchartsTheme,v as noop$6,w as colors,i as PbTextarea}from"./lib-RmkltInK.js";import*as ReactDOM from"react-dom";import ReactDOM__default,{createPortal}from"react-dom";var ls_attrchange={exports:{}};(function(module){(function(window2,factory){if(!window2){return}var globalInstall=function(){factory(window2.lazySizes);window2.removeEventListener("lazyunveilread",globalInstall,true)};factory=factory.bind(null,window2,window2.document);if(module.exports){factory(requireLazysizes())}else if(window2.lazySizes){globalInstall()}else{window2.addEventListener("lazyunveilread",globalInstall,true)}})(typeof window!="undefined"?window:0,(function(window2,document2,lazySizes){var addObserver=function(){var connect,disconnect,observer,connected;var lsCfg=lazySizes.cfg;var attributes={"data-bgset":1,"data-include":1,"data-poster":1,"data-bg":1,"data-script":1};var regClassTest="(\\s|^)("+lsCfg.loadedClass;var docElem=document2.documentElement;var setClass=function(target){lazySizes.rAF((function(){lazySizes.rC(target,lsCfg.loadedClass);if(lsCfg.unloadedClass){lazySizes.rC(target,lsCfg.unloadedClass)}lazySizes.aC(target,lsCfg.lazyClass);if(target.style.display=="none"||target.parentNode&&target.parentNode.style.display=="none"){setTimeout((function(){lazySizes.loader.unveil(target)}),0)}}))};var onMutation=function(mutations){var i,len,mutation,target;for(i=0,len=mutations.length;i<len;i++){mutation=mutations[i];target=mutation.target;if(!target.getAttribute(mutation.attributeName)){continue}if(target.localName=="source"&&target.parentNode){target=target.parentNode.querySelector("img")}if(target&®ClassTest.test(target.className)){setClass(target)}}};if(lsCfg.unloadedClass){regClassTest+="|"+lsCfg.unloadedClass}regClassTest+="|"+lsCfg.loadingClass+")(\\s|$)";regClassTest=new RegExp(regClassTest);attributes[lsCfg.srcAttr]=1;attributes[lsCfg.srcsetAttr]=1;if(window2.MutationObserver){observer=new MutationObserver(onMutation);connect=function(){if(!connected){connected=true;observer.observe(docElem,{subtree:true,attributes:true,attributeFilter:Object.keys(attributes)})}};disconnect=function(){if(connected){connected=false;observer.disconnect()}}}else{docElem.addEventListener("DOMAttrModified",function(){var runs;var modifications=[];var callMutations=function(){onMutation(modifications);modifications=[];runs=false};return function(e){if(connected&&attributes[e.attrName]&&e.newValue){modifications.push({target:e.target,attributeName:e.attrName});if(!runs){setTimeout(callMutations);runs=true}}}}(),true);connect=function(){connected=true};disconnect=function(){connected=false}}addEventListener("lazybeforeunveil",disconnect,true);addEventListener("lazybeforeunveil",connect);addEventListener("lazybeforesizes",disconnect,true);addEventListener("lazybeforesizes",connect);connect();removeEventListener("lazybeforeunveil",addObserver)};addEventListener("lazybeforeunveil",addObserver)}))})(ls_attrchange);
|
2
2
|
/**
|
3
3
|
* table-core
|
4
4
|
*
|