playbook_ui 14.12.0.pre.alpha.PLAY1602lightboxoverlapnitrobug5655 → 14.12.0.pre.alpha.testingwithfas5686
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_advanced_table/advanced_table.html.erb +13 -8
- data/app/pb_kits/playbook/pb_advanced_table/advanced_table.rb +1 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_responsive.html.erb +38 -0
- data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml +1 -0
- data/app/pb_kits/playbook/pb_advanced_table/table_body.rb +15 -3
- data/app/pb_kits/playbook/pb_advanced_table/table_header.html.erb +11 -11
- data/app/pb_kits/playbook/pb_advanced_table/table_header.rb +12 -3
- data/app/pb_kits/playbook/pb_advanced_table/table_row.html.erb +1 -1
- data/app/pb_kits/playbook/pb_advanced_table/table_row.rb +7 -1
- data/app/pb_kits/playbook/pb_advanced_table/table_subrow_header.html.erb +1 -1
- data/app/pb_kits/playbook/pb_advanced_table/table_subrow_header.rb +9 -0
- data/app/pb_kits/playbook/pb_card/card.html.erb +21 -2
- data/app/pb_kits/playbook/pb_card/card.rb +7 -0
- data/app/pb_kits/playbook/pb_collapsible/__snapshots__/collapsible.test.js.snap +1 -1
- data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards_rails.html.erb +1 -3
- data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards_rails.md +7 -0
- data/app/pb_kits/playbook/pb_icon/_icon.tsx +1 -1
- data/app/pb_kits/playbook/pb_icon/icon.rb +1 -1
- data/app/pb_kits/playbook/pb_icon/icon.test.js +8 -8
- data/app/pb_kits/playbook/pb_lightbox/lightbox.scss +6 -7
- data/app/pb_kits/playbook/pb_nav/_nav_item.test.js +2 -2
- data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_content.jsx +12 -8
- data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_content_rails.html.erb +52 -0
- data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_content_rails.md +0 -0
- data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_rows_rails.html.erb +52 -0
- data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_rows_rails.md +3 -0
- data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table_rails.html.erb +80 -0
- data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table_rails.md +1 -0
- data/app/pb_kits/playbook/pb_table/docs/example.yml +3 -0
- data/app/pb_kits/playbook/pb_table/table_row.rb +1 -1
- data/dist/chunks/{_typeahead-BWwaAo_0.js → _typeahead-DkuPTikq.js} +1 -1
- data/dist/chunks/{_weekday_stacked-zyBCd1s8.js → _weekday_stacked-DWgU5uIW.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/dist/playbook.css +1 -1
- data/lib/playbook/version.rb +1 -1
- metadata +11 -4
data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_rows_rails.html.erb
ADDED
@@ -0,0 +1,52 @@
|
|
1
|
+
<% content = capture do %>
|
2
|
+
<%= pb_rails("table", props: { container: false, border_radius: "none", size: "sm"}) do %>
|
3
|
+
<%= pb_rails("background", props: { tag: "tr" }) do %>
|
4
|
+
<%= pb_rails("table/table_cell") do %>Expanded<% end %>
|
5
|
+
<%= pb_rails("table/table_cell") do %>Expanded<% end %>
|
6
|
+
<%= pb_rails("table/table_cell") do %>Expanded<% end %>
|
7
|
+
<%= pb_rails("table/table_cell") do %>Expanded<% end %>
|
8
|
+
<%= pb_rails("table/table_cell") do %>Expanded<% end %>
|
9
|
+
<% end %>
|
10
|
+
<% end %>
|
11
|
+
<% end %>
|
12
|
+
|
13
|
+
<%= pb_rails("table", props: { size: "sm" }) do %>
|
14
|
+
<%= pb_rails("table/table_head") do %>
|
15
|
+
<%= pb_rails("table/table_row") do %>
|
16
|
+
<%= pb_rails("table/table_header", props: { text: "Column 1"}) %>
|
17
|
+
<%= pb_rails("table/table_header", props: { text: "Column 2"}) %>
|
18
|
+
<%= pb_rails("table/table_header", props: { text: "Column 3"}) %>
|
19
|
+
<%= pb_rails("table/table_header", props: { text: "Column 4"}) %>
|
20
|
+
<%= pb_rails("table/table_header", props: { text: "Column 5"}) %>
|
21
|
+
<%= pb_rails("table/table_header", props: { text: ""}) %>
|
22
|
+
<% end %>
|
23
|
+
<% end %>
|
24
|
+
<%= pb_rails("table/table_body") do %>
|
25
|
+
<%= pb_rails("table/table_row", props: { collapsible: true, collapsible_content: content, collapsible_side_highlight: false, id: "3" }) do %>
|
26
|
+
<%= pb_rails("table/table_cell", props: { text: "Value 1"}) %>
|
27
|
+
<%= pb_rails("table/table_cell", props: { text: "Value 2"}) %>
|
28
|
+
<%= pb_rails("table/table_cell", props: { text: "Value 3"}) %>
|
29
|
+
<%= pb_rails("table/table_cell", props: { text: "Value 4"}) %>
|
30
|
+
<%= pb_rails("table/table_cell", props: { text: "Value 5"}) %>
|
31
|
+
<%= pb_rails("table/table_cell", props: { text_align: "right"}) do %>
|
32
|
+
<%= pb_rails("icon", props: { icon: "chevron-down", fixed_width: true, color: "primary" }) %>
|
33
|
+
<% end %>
|
34
|
+
<% end %>
|
35
|
+
<%= pb_rails("table/table_row") do %>
|
36
|
+
<%= pb_rails("table/table_cell", props: { text: "Value 1"}) %>
|
37
|
+
<%= pb_rails("table/table_cell", props: { text: "Value 2"}) %>
|
38
|
+
<%= pb_rails("table/table_cell", props: { text: "Value 3"}) %>
|
39
|
+
<%= pb_rails("table/table_cell", props: { text: "Value 4"}) %>
|
40
|
+
<%= pb_rails("table/table_cell", props: { text: "Value 5"}) %>
|
41
|
+
<%= pb_rails("table/table_cell", props: { text: ""}) %>
|
42
|
+
<% end %>
|
43
|
+
<%= pb_rails("table/table_row") do %>
|
44
|
+
<%= pb_rails("table/table_cell", props: { text: "Value 1"}) %>
|
45
|
+
<%= pb_rails("table/table_cell", props: { text: "Value 2"}) %>
|
46
|
+
<%= pb_rails("table/table_cell", props: { text: "Value 3"}) %>
|
47
|
+
<%= pb_rails("table/table_cell", props: { text: "Value 4"}) %>
|
48
|
+
<%= pb_rails("table/table_cell", props: { text: "Value 5"}) %>
|
49
|
+
<%= pb_rails("table/table_cell", props: { text: ""}) %>
|
50
|
+
<% end %>
|
51
|
+
<% end %>
|
52
|
+
<% end %>
|
data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table_rails.html.erb
ADDED
@@ -0,0 +1,80 @@
|
|
1
|
+
<% content = capture do %>
|
2
|
+
<%= pb_rails("table", props: { container: false, border_radius: "none", size: "sm"}) do %>
|
3
|
+
<%= pb_rails("table/table_head") do %>
|
4
|
+
<%= pb_rails("background", props: { tag: "tr" }) do %>
|
5
|
+
<%= pb_rails("table/table_header") do %>Alt Header<% end %>
|
6
|
+
<%= pb_rails("table/table_header") do %>Alt Header<% end %>
|
7
|
+
<%= pb_rails("table/table_header") do %>Alt Header<% end %>
|
8
|
+
<%= pb_rails("table/table_header") do %>Alt Header<% end %>
|
9
|
+
<% end %>
|
10
|
+
<% end %>
|
11
|
+
<%= pb_rails("table/table_body") do %>
|
12
|
+
<%= pb_rails("table/table_row") do %>
|
13
|
+
<%= pb_rails("table/table_cell") do %>Expanded<% end %>
|
14
|
+
<%= pb_rails("table/table_cell") do %>Expanded<% end %>
|
15
|
+
<%= pb_rails("table/table_cell") do %>Expanded<% end %>
|
16
|
+
<%= pb_rails("table/table_cell") do %>
|
17
|
+
<%= pb_rails("pill", props: { text: "Pill", variant: "primary" }) %>
|
18
|
+
<% end %>
|
19
|
+
<% end %>
|
20
|
+
<%= pb_rails("table/table_row") do %>
|
21
|
+
<%= pb_rails("table/table_cell") do %>Expanded<% end %>
|
22
|
+
<%= pb_rails("table/table_cell") do %>Expanded<% end %>
|
23
|
+
<%= pb_rails("table/table_cell") do %>Expanded<% end %>
|
24
|
+
<%= pb_rails("table/table_cell") do %>
|
25
|
+
<%= pb_rails("pill", props: { text: "Pill", variant: "primary" }) %>
|
26
|
+
<% end %>
|
27
|
+
<% end %>
|
28
|
+
<%= pb_rails("table/table_row") do %>
|
29
|
+
<%= pb_rails("table/table_cell") do %>Expanded<% end %>
|
30
|
+
<%= pb_rails("table/table_cell") do %>Expanded<% end %>
|
31
|
+
<%= pb_rails("table/table_cell") do %>Expanded<% end %>
|
32
|
+
<%= pb_rails("table/table_cell") do %>
|
33
|
+
<%= pb_rails("pill", props: { text: "Pill", variant: "primary" }) %>
|
34
|
+
<% end %>
|
35
|
+
<% end %>
|
36
|
+
<% end %>
|
37
|
+
<% end %>
|
38
|
+
<% end %>
|
39
|
+
|
40
|
+
|
41
|
+
<%= pb_rails("table", props: { size: "sm" }) do %>
|
42
|
+
<%= pb_rails("table/table_head") do %>
|
43
|
+
<%= pb_rails("table/table_row") do %>
|
44
|
+
<%= pb_rails("table/table_header", props: { text: "Column 1"}) %>
|
45
|
+
<%= pb_rails("table/table_header", props: { text: "Column 2"}) %>
|
46
|
+
<%= pb_rails("table/table_header", props: { text: "Column 3"}) %>
|
47
|
+
<%= pb_rails("table/table_header", props: { text: "Column 4"}) %>
|
48
|
+
<%= pb_rails("table/table_header", props: { text: "Column 5"}) %>
|
49
|
+
<%= pb_rails("table/table_header", props: { text: ""}) %>
|
50
|
+
<% end %>
|
51
|
+
<% end %>
|
52
|
+
<%= pb_rails("table/table_body") do %>
|
53
|
+
<%= pb_rails("table/table_row", props: { collapsible: true, collapsible_content: content, collapsible_side_highlight: false, id: "4" }) do %>
|
54
|
+
<%= pb_rails("table/table_cell", props: { text: "Value 1"}) %>
|
55
|
+
<%= pb_rails("table/table_cell", props: { text: "Value 2"}) %>
|
56
|
+
<%= pb_rails("table/table_cell", props: { text: "Value 3"}) %>
|
57
|
+
<%= pb_rails("table/table_cell", props: { text: "Value 4"}) %>
|
58
|
+
<%= pb_rails("table/table_cell", props: { text: "Value 5"}) %>
|
59
|
+
<%= pb_rails("table/table_cell", props: { text_align: "right"}) do %>
|
60
|
+
<%= pb_rails("icon", props: { icon: "chevron-down", fixed_width: true, color: "primary" }) %>
|
61
|
+
<% end %>
|
62
|
+
<% end %>
|
63
|
+
<%= pb_rails("table/table_row") do %>
|
64
|
+
<%= pb_rails("table/table_cell", props: { text: "Value 1"}) %>
|
65
|
+
<%= pb_rails("table/table_cell", props: { text: "Value 2"}) %>
|
66
|
+
<%= pb_rails("table/table_cell", props: { text: "Value 3"}) %>
|
67
|
+
<%= pb_rails("table/table_cell", props: { text: "Value 4"}) %>
|
68
|
+
<%= pb_rails("table/table_cell", props: { text: "Value 5"}) %>
|
69
|
+
<%= pb_rails("table/table_cell", props: { text: ""}) %>
|
70
|
+
<% end %>
|
71
|
+
<%= pb_rails("table/table_row") do %>
|
72
|
+
<%= pb_rails("table/table_cell", props: { text: "Value 1"}) %>
|
73
|
+
<%= pb_rails("table/table_cell", props: { text: "Value 2"}) %>
|
74
|
+
<%= pb_rails("table/table_cell", props: { text: "Value 3"}) %>
|
75
|
+
<%= pb_rails("table/table_cell", props: { text: "Value 4"}) %>
|
76
|
+
<%= pb_rails("table/table_cell", props: { text: "Value 5"}) %>
|
77
|
+
<%= pb_rails("table/table_cell", props: { text: ""}) %>
|
78
|
+
<% end %>
|
79
|
+
<% end %>
|
80
|
+
<% end %>
|
@@ -0,0 +1 @@
|
|
1
|
+
The `collapsible_content` can also be used to display nested Tables within each Row.
|
@@ -31,6 +31,9 @@ examples:
|
|
31
31
|
- table_with_subcomponents_as_divs: Table with Sub Components (Divs)
|
32
32
|
- table_outer_padding: Outer Padding
|
33
33
|
- table_with_collapsible: Table with Collapsible
|
34
|
+
- table_with_collapsible_with_custom_content_rails: Table with Collapsible with Custom Content
|
35
|
+
- table_with_collapsible_with_nested_rows_rails: Table with Collapsible with Nested Rows
|
36
|
+
- table_with_collapsible_with_nested_table_rails: Table with Collapsible with Nested Table
|
34
37
|
|
35
38
|
react:
|
36
39
|
- table_sm: Small
|
@@ -12,7 +12,7 @@ module Playbook
|
|
12
12
|
default: false
|
13
13
|
prop :collapsible_content
|
14
14
|
prop :collapsible_side_highlight, type: Playbook::Props::Boolean,
|
15
|
-
default:
|
15
|
+
default: true
|
16
16
|
|
17
17
|
def classname
|
18
18
|
generate_classname("pb_table_row_kit", side_highlight_class) + tag_class
|
@@ -3,7 +3,7 @@ import{jsx as jsx$1,Fragment,jsxs}from"react/jsx-runtime";import*as React from"r
|
|
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-DkuPTikq.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-kMuhBuU7.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
|
*
|
data/dist/chunks/vendor.js
CHANGED
@@ -1 +1 @@
|
|
1
|
-
import"./_weekday_stacked-
|
1
|
+
import"./_weekday_stacked-DWgU5uIW.js";import"./lazysizes-B7xYodB-.js";import"./_typeahead-DkuPTikq.js";import"./lib-kMuhBuU7.js";import"react/jsx-runtime";import"react";import"react-dom";import"react-trix";import"trix";import"react-is";
|