@planningcenter/tapestry 2.0.1-rc.1 → 2.1.0-rc.0

package/dist/components/button/DropdownButton.d.ts

@@ -1,5 +1,4 @@
 import React from "react";
-import { BaseButtonElementProps } from "./BaseButton";
 export type DropdownButtonProps = {
     "aria-controls": string;
     "aria-expanded": boolean;
@@ -11,5 +10,5 @@ export declare function dropdownProps({ className }: {
     className: string;
     suffix: React.JSX.Element;
 };
-export declare function DropdownButton(props: BaseButtonElementProps & DropdownButtonProps): React.JSX.Element;
+export declare const DropdownButton: React.ForwardRefExoticComponent<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, keyof import("./BaseButton").BaseButtonProps | "children"> & import("./BaseButton").BaseButtonProps & DropdownButtonProps & React.RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=DropdownButton.d.ts.map

package/dist/components/button/DropdownButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownButton.d.ts","sourceRoot":"","sources":["../../../src/components/button/DropdownButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAc,sBAAsB,EAAE,MAAM,cAAc,CAAA;AAEjE,MAAM,MAAM,mBAAmB,GAAG;IAChC,eAAe,EAAE,MAAM,CAAA;IACvB,eAAe,EAAE,OAAO,CAAA;IACxB,MAAM,CAAC,EAAE,KAAK,CAAA;CACf,CAAA;AAED,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE;;;EAKlE;AAED,wBAAgB,cAAc,CAC5B,KAAK,EAAE,sBAAsB,GAAG,mBAAmB,qBAGpD"}
+{"version":3,"file":"DropdownButton.d.ts","sourceRoot":"","sources":["../../../src/components/button/DropdownButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAIzC,MAAM,MAAM,mBAAmB,GAAG;IAChC,eAAe,EAAE,MAAM,CAAA;IACvB,eAAe,EAAE,OAAO,CAAA;IACxB,MAAM,CAAC,EAAE,KAAK,CAAA;CACf,CAAA;AAED,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE;;;EAKlE;AAED,eAAO,MAAM,cAAc,yPAKzB,CAAA"}

package/dist/components/button/DropdownButton.js

@@ -1,6 +1,6 @@
 import Icon from '../../utilities/Icon.js';
 import classNames from 'classnames';
-import React from 'react';
+import React, { forwardRef } from 'react';
 import { BaseButton } from './BaseButton.js';
 
 function dropdownProps({ className }) {
@@ -9,9 +9,10 @@ function dropdownProps({ className }) {
         suffix: React.createElement(Icon, { symbol: "general#down-caret", "aria-hidden": true }),
     };
 }
-function DropdownButton(props) {
-    return React.createElement(BaseButton, { ...props, ...dropdownProps(props) });
-}
+const DropdownButton = forwardRef((props, ref) => {
+    return React.createElement(BaseButton, { ref: ref, ...props, ...dropdownProps(props) });
+});
+DropdownButton.displayName = "DropdownButton";
 
 export { DropdownButton, dropdownProps };
 //# sourceMappingURL=DropdownButton.js.map

package/dist/components/button/DropdownButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownButton.js","sources":["../../../src/components/button/DropdownButton.tsx"],"sourcesContent":["import Icon from \"@utilities/Icon\"\nimport classNames from \"classnames\"\nimport React from \"react\"\n\nimport { BaseButton, BaseButtonElementProps } from \"./BaseButton\"\n\nexport type DropdownButtonProps = {\n  \"aria-controls\": string\n  \"aria-expanded\": boolean\n  suffix?: never\n}\n\nexport function dropdownProps({ className }: { className?: string }) {\n  return {\n    className: classNames(className, \"tds-btn--dropdown\"),\n    suffix: <Icon symbol=\"general#down-caret\" aria-hidden />,\n  }\n}\n\nexport function DropdownButton(\n  props: BaseButtonElementProps & DropdownButtonProps\n) {\n  return <BaseButton {...props} {...dropdownProps(props)} />\n}\n"],"names":[],"mappings":";;;;;AAYgB,SAAA,aAAa,CAAC,EAAE,SAAS,EAA0B,EAAA;IACjE,OAAO;AACL,QAAA,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,mBAAmB,CAAC;AACrD,QAAA,MAAM,EAAE,KAAC,CAAA,aAAA,CAAA,IAAI,IAAC,MAAM,EAAC,oBAAoB,EAAe,aAAA,EAAA,IAAA,EAAA,CAAA;KACzD,CAAA;AACH,CAAC;AAEK,SAAU,cAAc,CAC5B,KAAmD,EAAA;IAEnD,OAAO,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAA,GAAK,KAAK,EAAA,GAAM,aAAa,CAAC,KAAK,CAAC,EAAA,CAAI,CAAA;AAC5D;;;;"}
+{"version":3,"file":"DropdownButton.js","sources":["../../../src/components/button/DropdownButton.tsx"],"sourcesContent":["import Icon from \"@utilities/Icon\"\nimport classNames from \"classnames\"\nimport React, { forwardRef } from \"react\"\n\nimport { BaseButton, BaseButtonElementProps } from \"./BaseButton\"\n\nexport type DropdownButtonProps = {\n  \"aria-controls\": string\n  \"aria-expanded\": boolean\n  suffix?: never\n}\n\nexport function dropdownProps({ className }: { className?: string }) {\n  return {\n    className: classNames(className, \"tds-btn--dropdown\"),\n    suffix: <Icon symbol=\"general#down-caret\" aria-hidden />,\n  }\n}\n\nexport const DropdownButton = forwardRef<\n  HTMLButtonElement,\n  BaseButtonElementProps & DropdownButtonProps\n>((props, ref) => {\n  return <BaseButton ref={ref} {...props} {...dropdownProps(props)} />\n})\n\nDropdownButton.displayName = \"DropdownButton\"\n"],"names":[],"mappings":";;;;;AAYgB,SAAA,aAAa,CAAC,EAAE,SAAS,EAA0B,EAAA;IACjE,OAAO;AACL,QAAA,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,mBAAmB,CAAC;AACrD,QAAA,MAAM,EAAE,KAAC,CAAA,aAAA,CAAA,IAAI,IAAC,MAAM,EAAC,oBAAoB,EAAe,aAAA,EAAA,IAAA,EAAA,CAAA;KACzD,CAAA;AACH,CAAC;AAEY,MAAA,cAAc,GAAG,UAAU,CAGtC,CAAC,KAAK,EAAE,GAAG,KAAI;AACf,IAAA,OAAO,KAAC,CAAA,aAAA,CAAA,UAAU,EAAC,EAAA,GAAG,EAAE,GAAG,EAAA,GAAM,KAAK,EAAA,GAAM,aAAa,CAAC,KAAK,CAAC,GAAI,CAAA;AACtE,CAAC,EAAC;AAEF,cAAc,CAAC,WAAW,GAAG,gBAAgB;;;;"}

package/dist/components/button/DropdownIconButton.d.ts

@@ -1,5 +1,7 @@
 import React from "react";
 import { DropdownButtonProps } from "./DropdownButton";
-import { IconButtonProps } from "./IconButton";
-export declare function DropdownIconButton(props: IconButtonProps & DropdownButtonProps): React.JSX.Element;
+export declare const DropdownIconButton: React.ForwardRefExoticComponent<Omit<import("./BaseButton").BaseButtonElementProps, "label"> & {
+    "aria-label": string;
+    icon: React.ReactNode;
+} & DropdownButtonProps & React.RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=DropdownIconButton.d.ts.map

package/dist/components/button/DropdownIconButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownIconButton.d.ts","sourceRoot":"","sources":["../../../src/components/button/DropdownIconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,mBAAmB,EAAiB,MAAM,kBAAkB,CAAA;AACrE,OAAO,EAAc,eAAe,EAAE,MAAM,cAAc,CAAA;AAE1D,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,eAAe,GAAG,mBAAmB,qBAG7C"}
+{"version":3,"file":"DropdownIconButton.d.ts","sourceRoot":"","sources":["../../../src/components/button/DropdownIconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,mBAAmB,EAAiB,MAAM,kBAAkB,CAAA;AAGrE,eAAO,MAAM,kBAAkB;;;iEAK7B,CAAA"}

package/dist/components/button/DropdownIconButton.js

@@ -1,10 +1,11 @@
-import React from 'react';
+import React, { forwardRef } from 'react';
 import { dropdownProps } from './DropdownButton.js';
 import { IconButton } from './IconButton.js';
 
-function DropdownIconButton(props) {
-    return React.createElement(IconButton, { ...props, ...dropdownProps(props) });
-}
+const DropdownIconButton = forwardRef((props, ref) => {
+    return React.createElement(IconButton, { ref: ref, ...props, ...dropdownProps(props) });
+});
+DropdownIconButton.displayName = "DropdownIconButton";
 
 export { DropdownIconButton };
 //# sourceMappingURL=DropdownIconButton.js.map

package/dist/components/button/DropdownIconButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownIconButton.js","sources":["../../../src/components/button/DropdownIconButton.tsx"],"sourcesContent":["import React from \"react\"\n\nimport { DropdownButtonProps, dropdownProps } from \"./DropdownButton\"\nimport { IconButton, IconButtonProps } from \"./IconButton\"\n\nexport function DropdownIconButton(\n  props: IconButtonProps & DropdownButtonProps\n) {\n  return <IconButton {...props} {...dropdownProps(props)} />\n}\n"],"names":[],"mappings":";;;;AAKM,SAAU,kBAAkB,CAChC,KAA4C,EAAA;IAE5C,OAAO,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAA,GAAK,KAAK,EAAA,GAAM,aAAa,CAAC,KAAK,CAAC,EAAA,CAAI,CAAA;AAC5D;;;;"}
+{"version":3,"file":"DropdownIconButton.js","sources":["../../../src/components/button/DropdownIconButton.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\"\n\nimport { DropdownButtonProps, dropdownProps } from \"./DropdownButton\"\nimport { IconButton, IconButtonProps } from \"./IconButton\"\n\nexport const DropdownIconButton = forwardRef<\n  HTMLButtonElement,\n  IconButtonProps & DropdownButtonProps\n>((props, ref) => {\n  return <IconButton ref={ref} {...props} {...dropdownProps(props)} />\n})\n\nDropdownIconButton.displayName = \"DropdownIconButton\"\n"],"names":[],"mappings":";;;;AAKa,MAAA,kBAAkB,GAAG,UAAU,CAG1C,CAAC,KAAK,EAAE,GAAG,KAAI;AACf,IAAA,OAAO,KAAC,CAAA,aAAA,CAAA,UAAU,EAAC,EAAA,GAAG,EAAE,GAAG,EAAA,GAAM,KAAK,EAAA,GAAM,aAAa,CAAC,KAAK,CAAC,GAAI,CAAA;AACtE,CAAC,EAAC;AAEF,kBAAkB,CAAC,WAAW,GAAG,oBAAoB;;;;"}

package/dist/components/button/PageHeaderActionsDropdownButton.d.ts

@@ -14,5 +14,7 @@ export declare function needsAttentionProps({ className, needsAttention, }: {
     className: string | undefined;
     prefix?: undefined;
 };
-export declare function PageHeaderActionsDropdownButton({ needsAttention, className, ...props }: PageHeaderActionsDropdownButtonProps): React.JSX.Element;
+export declare const PageHeaderActionsDropdownButton: React.ForwardRefExoticComponent<Omit<BaseButtonElementProps, "kind"> & DropdownButtonProps & {
+    needsAttention?: boolean;
+} & React.RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=PageHeaderActionsDropdownButton.d.ts.map

package/dist/components/button/PageHeaderActionsDropdownButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PageHeaderActionsDropdownButton.d.ts","sourceRoot":"","sources":["../../../src/components/button/PageHeaderActionsDropdownButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAA;AACrD,OAAO,EAAkB,mBAAmB,EAAE,MAAM,kBAAkB,CAAA;AAEtE,MAAM,MAAM,oCAAoC,GAAG,IAAI,CACrD,sBAAsB,EACtB,MAAM,CACP,GACC,mBAAmB,GAAG;IACpB,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB,CAAA;AAEH,wBAAgB,mBAAmB,CAAC,EAClC,SAAS,EACT,cAAc,GACf,EAAE;IACD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB;;;;;;EAWA;AAED,wBAAgB,+BAA+B,CAAC,EAC9C,cAAc,EACd,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oCAAoC,qBAQtC"}
+{"version":3,"file":"PageHeaderActionsDropdownButton.d.ts","sourceRoot":"","sources":["../../../src/components/button/PageHeaderActionsDropdownButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAA;AACrD,OAAO,EAAkB,mBAAmB,EAAE,MAAM,kBAAkB,CAAA;AAEtE,MAAM,MAAM,oCAAoC,GAAG,IAAI,CACrD,sBAAsB,EACtB,MAAM,CACP,GACC,mBAAmB,GAAG;IACpB,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB,CAAA;AAEH,wBAAgB,mBAAmB,CAAC,EAClC,SAAS,EACT,cAAc,GACf,EAAE;IACD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB;;;;;;EAWA;AAED,eAAO,MAAM,+BAA+B;qBAtBvB,OAAO;2CA2C3B,CAAA"}

package/dist/components/button/PageHeaderActionsDropdownButton.js

@@ -1,5 +1,5 @@
 import classNames from 'classnames';
-import React from 'react';
+import React, { forwardRef } from 'react';
 import { DropdownButton } from './DropdownButton.js';
 
 function needsAttentionProps({ className, needsAttention, }) {
@@ -12,9 +12,10 @@ function needsAttentionProps({ className, needsAttention, }) {
             className,
         };
 }
-function PageHeaderActionsDropdownButton({ needsAttention, className, ...props }) {
-    return (React.createElement(DropdownButton, { ...props, kind: "secondary-page-header", ...needsAttentionProps({ className, needsAttention }) }));
-}
+const PageHeaderActionsDropdownButton = forwardRef(({ needsAttention, className, ...props }, ref) => {
+    return (React.createElement(DropdownButton, { ref: ref, ...props, kind: "secondary-page-header", ...needsAttentionProps({ className, needsAttention }) }));
+});
+PageHeaderActionsDropdownButton.displayName = "PageHeaderActionsDropdownButton";
 
 export { PageHeaderActionsDropdownButton, needsAttentionProps };
 //# sourceMappingURL=PageHeaderActionsDropdownButton.js.map

package/dist/components/button/PageHeaderActionsDropdownButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageHeaderActionsDropdownButton.js","sources":["../../../src/components/button/PageHeaderActionsDropdownButton.tsx"],"sourcesContent":["import classNames from \"classnames\"\nimport React from \"react\"\n\nimport { BaseButtonElementProps } from \"./BaseButton\"\nimport { DropdownButton, DropdownButtonProps } from \"./DropdownButton\"\n\nexport type PageHeaderActionsDropdownButtonProps = Omit<\n  BaseButtonElementProps,\n  \"kind\"\n> &\n  DropdownButtonProps & {\n    needsAttention?: boolean\n  }\n\nexport function needsAttentionProps({\n  className,\n  needsAttention,\n}: {\n  className?: string\n  needsAttention?: boolean\n}) {\n  return needsAttention\n    ? {\n        className: classNames(className, \"tds-btn--attention\"),\n        prefix: (\n          <span className=\"attention-icon\" aria-label=\"Needs attention!\" />\n        ),\n      }\n    : {\n        className,\n      }\n}\n\nexport function PageHeaderActionsDropdownButton({\n  needsAttention,\n  className,\n  ...props\n}: PageHeaderActionsDropdownButtonProps) {\n  return (\n    <DropdownButton\n      {...props}\n      kind=\"secondary-page-header\"\n      {...needsAttentionProps({ className, needsAttention })}\n    />\n  )\n}\n"],"names":[],"mappings":";;;;SAcgB,mBAAmB,CAAC,EAClC,SAAS,EACT,cAAc,GAIf,EAAA;AACC,IAAA,OAAO,cAAc;AACnB,UAAE;AACE,YAAA,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,oBAAoB,CAAC;YACtD,MAAM,GACJ,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAC,gBAAgB,EAAA,YAAA,EAAY,kBAAkB,EAAA,CAAG,CAClE;AACF,SAAA;AACH,UAAE;YACE,SAAS;SACV,CAAA;AACP,CAAC;AAEK,SAAU,+BAA+B,CAAC,EAC9C,cAAc,EACd,SAAS,EACT,GAAG,KAAK,EAC6B,EAAA;IACrC,QACE,oBAAC,cAAc,EAAA,EAAA,GACT,KAAK,EACT,IAAI,EAAC,uBAAuB,EAAA,GACxB,mBAAmB,CAAC,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC,EAAA,CACtD,EACH;AACH;;;;"}
+{"version":3,"file":"PageHeaderActionsDropdownButton.js","sources":["../../../src/components/button/PageHeaderActionsDropdownButton.tsx"],"sourcesContent":["import classNames from \"classnames\"\nimport React, { forwardRef } from \"react\"\n\nimport { BaseButtonElementProps } from \"./BaseButton\"\nimport { DropdownButton, DropdownButtonProps } from \"./DropdownButton\"\n\nexport type PageHeaderActionsDropdownButtonProps = Omit<\n  BaseButtonElementProps,\n  \"kind\"\n> &\n  DropdownButtonProps & {\n    needsAttention?: boolean\n  }\n\nexport function needsAttentionProps({\n  className,\n  needsAttention,\n}: {\n  className?: string\n  needsAttention?: boolean\n}) {\n  return needsAttention\n    ? {\n        className: classNames(className, \"tds-btn--attention\"),\n        prefix: (\n          <span className=\"attention-icon\" aria-label=\"Needs attention!\" />\n        ),\n      }\n    : {\n        className,\n      }\n}\n\nexport const PageHeaderActionsDropdownButton = forwardRef<\n  HTMLButtonElement,\n  PageHeaderActionsDropdownButtonProps\n>(\n  (\n    {\n      needsAttention,\n      className,\n      ...props\n    }: PageHeaderActionsDropdownButtonProps,\n    ref\n  ) => {\n    return (\n      <DropdownButton\n        ref={ref}\n        {...props}\n        kind=\"secondary-page-header\"\n        {...needsAttentionProps({ className, needsAttention })}\n      />\n    )\n  }\n)\n\nPageHeaderActionsDropdownButton.displayName = \"PageHeaderActionsDropdownButton\"\n"],"names":[],"mappings":";;;;SAcgB,mBAAmB,CAAC,EAClC,SAAS,EACT,cAAc,GAIf,EAAA;AACC,IAAA,OAAO,cAAc;AACnB,UAAE;AACE,YAAA,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,oBAAoB,CAAC;YACtD,MAAM,GACJ,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAC,gBAAgB,EAAA,YAAA,EAAY,kBAAkB,EAAA,CAAG,CAClE;AACF,SAAA;AACH,UAAE;YACE,SAAS;SACV,CAAA;AACP,CAAC;AAEY,MAAA,+BAA+B,GAAG,UAAU,CAIvD,CACE,EACE,cAAc,EACd,SAAS,EACT,GAAG,KAAK,EAC6B,EACvC,GAAG,KACD;IACF,QACE,KAAC,CAAA,aAAA,CAAA,cAAc,EACb,EAAA,GAAG,EAAE,GAAG,EAAA,GACJ,KAAK,EACT,IAAI,EAAC,uBAAuB,EACxB,GAAA,mBAAmB,CAAC,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC,EACtD,CAAA,EACH;AACH,CAAC,EACF;AAED,+BAA+B,CAAC,WAAW,GAAG,iCAAiC;;;;"}

package/dist/unstable.js

@@ -1,13 +1,14 @@
 import './components/page-header/index.js';
 import './components/sidenav/index.js';
 import './components/button/Button.js';
-import 'classnames';
-import 'react';
-import './components/button/BaseButton.js';
+import './components/button/DropdownButton.js';
+import './components/button/DropdownIconButton.js';
 import './components/button/IconButton.js';
 import './components/button/LoadingButton.js';
+import './components/button/PageHeaderActionsDropdownButton.js';
 import './components/link/IconLink.js';
 import './components/link/Link.js';
+import 'react';
 export { Checkbox } from './components/checkbox/Checkbox.js';
 export { Banner } from './components/Banner/Banner.js';
 //# sourceMappingURL=unstable.js.map

package/dist/unstable.js.map

@@ -1 +1 @@
-{"version":3,"file":"unstable.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}
+{"version":3,"file":"unstable.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@planningcenter/tapestry",
-  "version": "2.0.1-rc.1",
+  "version": "2.1.0-rc.0",
   "type": "module",
   "repository": {
     "type": "git",
@@ -99,5 +99,5 @@
     "classnames": "^2.5.1",
     "lodash": "^4.17.21"
   },
-  "gitHead": "d8729bcf1c68f74df499dc723580337e766f4d53"
+  "gitHead": "c216d4bbbf90f7c437f62cc918a20141ed58322e"
 }