@planningcenter/tapestry-migration-cli 3.4.1-rc.8 → 3.4.1-rc.9

package/dist/tapestry-react-shim.cjs

@@ -2512,6 +2512,33 @@ const React = /* @__PURE__ */ getDefaultExportFromCjs(reactExports);
 function LoadingSpinner() {
   return React.createElement("div", { className: "tds-loading-spinner" });
 }
+const COMPONENT_KIND_CLASS_MAP = {
+  delete: "tds-btn--delete",
+  ghost: "tds-btn--ghost-neutral",
+  "ghost-delete": "tds-btn--ghost-delete",
+  "ghost-interaction": "tds-btn--ghost-interaction",
+  "inline-text": "tds-btn--inline-text",
+  neutral: "tds-btn--neutral",
+  "neutral-inline": "tds-btn--neutral-inline",
+  pill: "tds-btn--pill",
+  primary: "tds-btn--interaction",
+  "primary-page-header": "tds-btn--primary-page-header",
+  secondary: "tds-btn--outline-neutral",
+  "secondary-delete": "tds-btn--outline-delete",
+  "secondary-interaction": "tds-btn--outline-interaction",
+  "secondary-page-header": "tds-btn--secondary-page-header",
+  "staff-only": "tds-btn--staff-only"
+};
+const COMPONENT_SIZE_CLASS_MAP = {
+  lg: "tds-btn--lg",
+  md: "",
+  sm: "tds-btn--sm",
+  xl: "tds-btn--xl",
+  xs: "tds-btn--xs"
+};
+function wrapStringWithSpan(content) {
+  return typeof content === "string" ? React.createElement("span", null, content) : content;
+}
 var classnames = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
@@ -2577,68 +2604,16 @@ function requireClassnames() {
 }
 var classnamesExports = requireClassnames();
 const classNames = /* @__PURE__ */ getDefaultExportFromCjs(classnamesExports);
-const COMPONENT_KIND_CLASS_MAP = {
-  delete: "tds-btn--delete",
-  ghost: "tds-btn--ghost-neutral",
-  "ghost-delete": "tds-btn--ghost-delete",
-  "ghost-interaction": "tds-btn--ghost-interaction",
-  "inline-text": "tds-btn--inline-text",
-  neutral: "tds-btn--neutral",
-  "neutral-inline": "tds-btn--neutral-inline",
-  pill: "tds-btn--pill",
-  primary: "tds-btn--interaction",
-  "primary-page-header": "tds-btn--primary-page-header",
-  secondary: "tds-btn--outline-neutral",
-  "secondary-delete": "tds-btn--outline-delete",
-  "secondary-interaction": "tds-btn--outline-interaction",
-  "secondary-page-header": "tds-btn--secondary-page-header",
-  "staff-only": "tds-btn--staff-only"
-};
-const COMPONENT_SIZE_CLASS_MAP = {
-  lg: "tds-btn--lg",
-  md: "",
-  sm: "tds-btn--sm",
-  xl: "tds-btn--xl",
-  xs: "tds-btn--xs"
-};
-const enhanceElementWithClassName = (element, className) => {
-  if (!element)
-    return null;
-  if (React.isValidElement(element)) {
-    return React.cloneElement(element, {
-      className: classNames(
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        element.props.className,
-        className
-      )
-    });
-  }
-  if (typeof element === "string" && element.trim()) {
-    return React.createElement("span", { className }, element);
-  }
-  return null;
-};
-const buildComponentClassName$1 = ({ className, fullWidth, kind, loading, size }) => {
-  return classNames(kind && "tds-btn", size && size !== "md" && COMPONENT_SIZE_CLASS_MAP[size], kind && COMPONENT_KIND_CLASS_MAP[kind], fullWidth && "tds-btn--full-width", loading && "tds-btn--loading", className);
-};
 const BaseButton = reactExports.forwardRef(({ "aria-label": ariaLabel, className, disabled = false, fullWidth, kind = "secondary", label, loading = false, loadingAriaLabel = "Loading...", prefix, size, suffix, ...restProps }, ref) => {
-  const combinedClassName = buildComponentClassName$1({
-    className,
-    fullWidth,
-    kind,
-    loading,
-    size
-  });
-  const prefixElement = enhanceElementWithClassName(prefix, "prefix");
-  const suffixElement = enhanceElementWithClassName(suffix, "suffix");
+  const combinedClassName = classNames(kind && "tds-btn", size && size !== "md" && COMPONENT_SIZE_CLASS_MAP[size], kind && COMPONENT_KIND_CLASS_MAP[kind], fullWidth && "tds-btn--full-width", loading && "tds-btn--loading", className, { "tds-btn--prefix": prefix, "tds-btn--suffix": suffix });
   const isDisabled = disabled || loading;
   return React.createElement(
     "button",
     { type: "button", className: combinedClassName, ref, ...restProps, "aria-busy": loading || void 0, "aria-disabled": isDisabled || void 0, disabled: isDisabled, "aria-label": loading ? loadingAriaLabel : ariaLabel },
     loading && React.createElement(LoadingSpinner, null),
-    prefixElement,
+    wrapStringWithSpan(prefix),
     loading ? React.createElement("span", null, label) : label,
-    suffixElement
+    wrapStringWithSpan(suffix)
   );
 });
 BaseButton.displayName = "BaseButton";
@@ -2754,7 +2729,7 @@ function Icon({ symbol: s2, className, ...props }) {
 function dropdownProps({ className }) {
   return {
     className: classNames(className, "tds-btn--dropdown"),
-    suffix: React.createElement(Icon, { symbol: "general#down-caret", "aria-hidden": true })
+    suffix: React.createElement(Icon, { className: "suffix", symbol: "general#down-caret", "aria-hidden": true })
   };
 }
 const DropdownButton = reactExports.forwardRef((props, ref) => {
@@ -2788,20 +2763,15 @@ const PageHeaderActionsDropdownButton = reactExports.forwardRef(({ className, ne
   return React.createElement(DropdownButton, { ref, ...props, kind: "secondary-page-header", ...needsAttentionProps({ className, needsAttention }) });
 });
 PageHeaderActionsDropdownButton.displayName = "PageHeaderActionsDropdownButton";
-const buildComponentClassName = (size, kind, fullWidth, className) => {
-  return classNames(kind && "tds-btn", size && size !== "md" && kind && COMPONENT_SIZE_CLASS_MAP[size], kind && COMPONENT_KIND_CLASS_MAP[kind], fullWidth && "tds-btn--full-width", className);
-};
 const BaseLink = reactExports.forwardRef(({ children, className, external = false, fullWidth, href, kind, label, prefix, size, suffix, ...restProps }, ref) => {
-  const combinedClassName = buildComponentClassName(size, kind, fullWidth, className);
-  const prefixElement = enhanceElementWithClassName(prefix, "prefix");
-  const suffixElement = enhanceElementWithClassName(suffix, "suffix");
+  const combinedClassName = classNames(kind && "tds-btn", size && size !== "md" && kind && COMPONENT_SIZE_CLASS_MAP[size], kind && COMPONENT_KIND_CLASS_MAP[kind], fullWidth && "tds-btn--full-width", className, { "tds-btn--prefix": prefix, "tds-btn--suffix": suffix });
   const externalProps = external ? { rel: "noopener noreferrer", target: "_blank" } : {};
   return React.createElement(
     "a",
     { href, className: combinedClassName, ref, ...restProps, ...externalProps },
-    prefixElement,
+    wrapStringWithSpan(prefix),
     label || children,
-    suffixElement
+    wrapStringWithSpan(suffix)
   );
 });
 BaseLink.displayName = "BaseLink";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@planningcenter/tapestry-migration-cli",
-  "version": "3.4.1-rc.8",
+  "version": "3.4.1-rc.9",
   "description": "CLI tool for Tapestry migrations",
   "type": "module",
   "main": "dist/index.js",
@@ -30,7 +30,7 @@
   },
   "devDependencies": {
     "@emotion/react": "^11.14.0",
-    "@planningcenter/tapestry": "^3.4.1-rc.8",
+    "@planningcenter/tapestry": "^3.4.1-rc.9",
     "@planningcenter/tapestry-react": "^4.11.5",
     "@types/jscodeshift": "^17.3.0",
     "@types/node": "^20.0.0",
@@ -50,5 +50,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "1514e1926f05eceaf949c194c3ff366778509e65"
+  "gitHead": "8c98e7300610da3514ddea4ea4b2c262441c9912"
 }