@planningcenter/topbar 11.2.5-rc.0 → 12.0.0-rc.0

package/dist/topbar.js

@@ -3627,6 +3627,19 @@ const {
   LoadingIndicator: LoadingIndicator$1,
   StackView: StackView$1
 } = addOns.components;
+function CalendlyWidget({
+  url,
+  pageSettings,
+  prefill,
+  styles
+}) {
+  return url ? (/*#__PURE__*/React.createElement(reactCalendly.InlineWidget, {
+    url: url,
+    pageSettings: pageSettings,
+    prefill: prefill,
+    styles: styles
+  })) : null;
+}
 function HelpdeskComponent({
   appName,
   closeDrawer,
@@ -3695,14 +3708,68 @@ function HelpdeskComponent({
       spacing: 1
     }, /*#__PURE__*/React.createElement(DrawerHeading, null, "Help and support"), /*#__PURE__*/React.createElement(LoadingIndicator$1, null)))),
     additionalComponents: {
-      // @ts-expect-error TODO: Relax type specification in add-ons-js to not require children
-      CalendlyWidget: reactCalendly.InlineWidget,
-      DocumentationSearch,
-      DrawerHeader,
+      CalendlyWidget: {
+        component: CalendlyWidget,
+        properties: {
+          pageSettings: {
+            attribute: false
+          },
+          prefill: {
+            attribute: false
+          },
+          styles: {
+            attribute: false
+          },
+          url: {
+            type: String
+          }
+        }
+      },
+      DocumentationSearch: {
+        component: DocumentationSearch,
+        properties: {
+          currentAppName: {
+            type: String
+          },
+          indexName: {
+            type: String
+          }
+        }
+      },
+      DrawerHeader: {
+        component: DrawerHeader,
+        properties: {
+          closeDrawer: {
+            event: false
+          }
+        }
+      },
       DrawerHeading,
-      PicobotIframe,
+      PicobotIframe: {
+        component: PicobotIframe,
+        properties: {
+          currentPath: {
+            attribute: false
+          },
+          onChangePath: {
+            event: false,
+            type: Function
+          },
+          onMessage: {
+            event: false,
+            type: Function
+          }
+        }
+      },
       ScrollContainer,
-      SwitchView
+      SwitchView: {
+        component: SwitchView,
+        properties: {
+          activeIndex: {
+            type: Number
+          }
+        }
+      }
     },
     args: {
       appName,
@@ -4306,8 +4373,13 @@ const {
 function NavLinkWithBadge({
   children,
   badge,
-  onClick,
-  ...rest
+  borderBottomColor,
+  borderBottomStyle,
+  borderBottomWidth,
+  color,
+  fontSize,
+  fontWeight,
+  onClick
 }) {
   return /*#__PURE__*/React.createElement(tapestryReact.StackView, {
     as: "button",
@@ -4317,7 +4389,14 @@ function NavLinkWithBadge({
     paddingBottom: 0.75,
     onClick: () => onClick(),
     spacing: 1,
-    ...rest
+    ...{
+      borderBottomColor,
+      borderBottomStyle,
+      borderBottomWidth,
+      color,
+      fontSize,
+      fontWeight
+    }
   }, children, badge && /*#__PURE__*/React.createElement(tapestryReact.Badge, {
     size: "sm",
     fontWeight: "600",
@@ -4369,11 +4448,55 @@ function TasksComponent({
       spacing: 1
     }, /*#__PURE__*/React.createElement(DrawerHeading, null, "To do"), /*#__PURE__*/React.createElement(LoadingIndicator, null)))),
     additionalComponents: {
-      DrawerHeader,
+      DrawerHeader: {
+        component: DrawerHeader,
+        properties: {
+          closeDrawer: {
+            event: false,
+            type: Function
+          }
+        }
+      },
       DrawerHeading,
-      NavLinkWithBadge,
+      NavLinkWithBadge: {
+        component: NavLinkWithBadge,
+        properties: {
+          badge: {
+            attribute: false
+          },
+          borderBottomColor: {
+            type: String
+          },
+          borderBottomStyle: {
+            type: String
+          },
+          borderBottomWidth: {
+            type: String
+          },
+          color: {
+            type: String
+          },
+          fontSize: {
+            attribute: false
+          },
+          fontWeight: {
+            attribute: false
+          },
+          onClick: {
+            event: false,
+            type: Function
+          }
+        }
+      },
       ScrollContainer,
-      SwitchView
+      SwitchView: {
+        component: SwitchView,
+        properties: {
+          activeIndex: {
+            type: Number
+          }
+        }
+      }
     },
     args: {
       closeDrawer,