@planningcenter/tapestry 1.6.1-rc.1 → 1.7.0-rc.1

package/dist/componentRegistration.js

@@ -1,12 +1,12 @@
-import { register as Zb } from './tapestry-render/dist/index.js';
+import { register as Jb } from './tapestry-render/dist/index.js';
 export { mountTapestry } from './tapestry-render/dist/index.js';
 import { PageHeader } from './components/page-header/PageHeader.js';
 import { Sidenav } from './components/sidenav/Sidenav.js';
 import { SidenavItem } from './components/sidenav/SidenavItem.js';
 import { SidenavSection } from './components/sidenav/SidenavSection.js';
 
-Zb("PageHeader", PageHeader);
-Zb("Sidenav", Sidenav);
-Zb("SidenavItem", SidenavItem);
-Zb("SidenavSection", SidenavSection);
+Jb("PageHeader", PageHeader);
+Jb("Sidenav", Sidenav);
+Jb("SidenavItem", SidenavItem);
+Jb("SidenavSection", SidenavSection);
 //# sourceMappingURL=componentRegistration.js.map

package/dist/components/page-header/index.js

@@ -1,4 +1,4 @@
-import '../../tapestry-wc/dist/components/p-ATXuVWKr.js';
+import '../../tapestry-wc/dist/components/p-D3huSNZ9.js';
 import { defineCustomElement } from '../../tapestry-wc/dist/components/tds-page-header.js';
 import { defineCustomElement as defineCustomElement$1 } from '../../tapestry-wc/dist/components/tds-page-header-nav.js';
 

package/dist/components/sidenav/Sidenav.d.ts

@@ -8,7 +8,7 @@ import React from "react";
  *
  * Please refer to each component's documentation for more information on how to use them.
  */
-export declare function Sidenav({ children, label, selectedItemLabel, className, }: {
+export declare function Sidenav({ children, label, selectedItemLabel, className, popoverId, }: {
     /**
      * Default slot used to nest `SidenavSection` components.
      */
@@ -18,6 +18,10 @@ export declare function Sidenav({ children, label, selectedItemLabel, className,
      * Label for the sidenav, used for accessibility.
      */
     label?: string;
+    /**
+     * The id of the popover container.
+     */
+    popoverId?: string;
     /**
      * Label displayed in the responsive header of the sidenav.
      */

package/dist/components/sidenav/Sidenav.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Sidenav.d.ts","sourceRoot":"","sources":["../../../src/components/sidenav/Sidenav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB;;;;;;;;GAQG;AACH,wBAAgB,OAAO,CAAC,EACtB,QAAQ,EACR,KAAK,EACL,iBAAiB,EACjB,SAAS,GACV,EAAE;IACD;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B,qBAUA"}
+{"version":3,"file":"Sidenav.d.ts","sourceRoot":"","sources":["../../../src/components/sidenav/Sidenav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB;;;;;;;;GAQG;AACH,wBAAgB,OAAO,CAAC,EACtB,QAAQ,EACR,KAAK,EACL,iBAAiB,EACjB,SAAS,EACT,SAAS,GACV,EAAE;IACD;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B,qBAcA"}

package/dist/components/sidenav/Sidenav.js

@@ -9,8 +9,9 @@ import React from 'react';
  *
  * Please refer to each component's documentation for more information on how to use them.
  */
-function Sidenav({ children, label, selectedItemLabel, className, }) {
-    return (React.createElement("tds-sidenav", { label: label, "selected-item-label": selectedItemLabel, class: className }, children));
+function Sidenav({ children, label, selectedItemLabel, className, popoverId, }) {
+    const popoverIdProp = popoverId && popoverId.trim() ? { "popover-id": popoverId } : {};
+    return (React.createElement("tds-sidenav", { label: label, "selected-item-label": selectedItemLabel, class: className, ...popoverIdProp }, children));
 }
 
 export { Sidenav };

package/dist/components/sidenav/Sidenav.js.map

@@ -1 +1 @@
-{"version":3,"file":"Sidenav.js","sources":["../../../src/components/sidenav/Sidenav.tsx"],"sourcesContent":["import React from \"react\"\n\n/**\n * The sidenav lets users navigate through subsets of data pertaining to a resource.\n * It can be nested under the page header navigation, as secondary navigation.\n *\n * The expected structure of a `Sidenav` is:\n * `<Sidenav> <SidenavSection> <SidenavItem /> </SidenavSection> </Sidenav>`\n *\n * Please refer to each component's documentation for more information on how to use them.\n */\nexport function Sidenav({\n  children,\n  label,\n  selectedItemLabel,\n  className,\n}: {\n  /**\n   * Default slot used to nest `SidenavSection` components.\n   */\n  children: React.ReactNode\n  className?: string\n  /**\n   * Label for the sidenav, used for accessibility.\n   */\n  label?: string\n  /**\n   * Label displayed in the responsive header of the sidenav.\n   */\n  selectedItemLabel?: string\n}) {\n  return (\n    <tds-sidenav\n      label={label}\n      selected-item-label={selectedItemLabel}\n      class={className}\n    >\n      {children}\n    </tds-sidenav>\n  )\n}\n"],"names":[],"mappings":";;AAEA;;;;;;;;AAQG;AACG,SAAU,OAAO,CAAC,EACtB,QAAQ,EACR,KAAK,EACL,iBAAiB,EACjB,SAAS,GAeV,EAAA;AACC,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA,EACE,KAAK,EAAE,KAAK,EACS,qBAAA,EAAA,iBAAiB,EACtC,KAAK,EAAE,SAAS,EAAA,EAEf,QAAQ,CACG,EACf;AACH;;;;"}
+{"version":3,"file":"Sidenav.js","sources":["../../../src/components/sidenav/Sidenav.tsx"],"sourcesContent":["import React from \"react\"\n\n/**\n * The sidenav lets users navigate through subsets of data pertaining to a resource.\n * It can be nested under the page header navigation, as secondary navigation.\n *\n * The expected structure of a `Sidenav` is:\n * `<Sidenav> <SidenavSection> <SidenavItem /> </SidenavSection> </Sidenav>`\n *\n * Please refer to each component's documentation for more information on how to use them.\n */\nexport function Sidenav({\n  children,\n  label,\n  selectedItemLabel,\n  className,\n  popoverId,\n}: {\n  /**\n   * Default slot used to nest `SidenavSection` components.\n   */\n  children: React.ReactNode\n  className?: string\n  /**\n   * Label for the sidenav, used for accessibility.\n   */\n  label?: string\n  /**\n   * The id of the popover container.\n   */\n  popoverId?: string\n  /**\n   * Label displayed in the responsive header of the sidenav.\n   */\n  selectedItemLabel?: string\n}) {\n  const popoverIdProp =\n    popoverId && popoverId.trim() ? { \"popover-id\": popoverId } : {}\n\n  return (\n    <tds-sidenav\n      label={label}\n      selected-item-label={selectedItemLabel}\n      class={className}\n      {...popoverIdProp}\n    >\n      {children}\n    </tds-sidenav>\n  )\n}\n"],"names":[],"mappings":";;AAEA;;;;;;;;AAQG;AACa,SAAA,OAAO,CAAC,EACtB,QAAQ,EACR,KAAK,EACL,iBAAiB,EACjB,SAAS,EACT,SAAS,GAmBV,EAAA;IACC,MAAM,aAAa,GACjB,SAAS,IAAI,SAAS,CAAC,IAAI,EAAE,GAAG,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,EAAE,CAAA;AAElE,IAAA,QACE,KACE,CAAA,aAAA,CAAA,aAAA,EAAA,EAAA,KAAK,EAAE,KAAK,yBACS,iBAAiB,EACtC,KAAK,EAAE,SAAS,EACZ,GAAA,aAAa,IAEhB,QAAQ,CACG,EACf;AACH;;;;"}

package/dist/components/sidenav/index.js

@@ -1,4 +1,4 @@
-import '../../tapestry-wc/dist/components/p-ATXuVWKr.js';
+import '../../tapestry-wc/dist/components/p-D3huSNZ9.js';
 import { defineCustomElement } from '../../tapestry-wc/dist/components/tds-sidenav.js';
 import { defineCustomElement as defineCustomElement$1 } from '../../tapestry-wc/dist/components/tds-sidenav-item.js';
 import { defineCustomElement as defineCustomElement$3 } from '../../tapestry-wc/dist/components/tds-sidenav-responsive-header.js';