@planningcenter/topbar 11.2.5 → 12.0.0-rc.0

package/dist/topbar.umd.js

@@ -3614,6 +3614,19 @@
     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,
@@ -3682,14 +3695,68 @@
         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,
@@ -4293,8 +4360,13 @@
   function NavLinkWithBadge({
     children,
     badge,
-    onClick,
-    ...rest
+    borderBottomColor,
+    borderBottomStyle,
+    borderBottomWidth,
+    color,
+    fontSize,
+    fontWeight,
+    onClick
   }) {
     return /*#__PURE__*/React.createElement(tapestryReact.StackView, {
       as: "button",
@@ -4304,7 +4376,14 @@
       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",
@@ -4356,11 +4435,55 @@
         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,