@measured/puck 0.17.3 → 0.17.4-canary.18f0d46

package/README.md

@@ -101,11 +101,11 @@ Available recipes include:
 - [Discord server](https://discord.gg/D9e4E3MQVZ) for discussions
 - [awesome-puck](https://github.com/measuredco/awesome-puck) community repo for plugins, custom fields & more
 
-## Hire the Puck team
+## Get support
 
-Puck is developed and maintained by **Measured**, a small group of industry veterans with decades of experience helping companies solve hard UI problems. We offer consultancy and development services for scale-ups, SMEs and enterprises.
+If you have any questions about Puck, please open a [GitHub issue](https://github.com/measuredco/puck/issues) or join us on [Discord](https://discord.gg/D9e4E3MQVZ).
 
-If you need support integrating Puck or creating a beautiful component library, please reach out via the [Measured](https://measured.co) website.
+Or [book a discovery call](https://app.cal.com/chrisvxd/puck-enquiry/) for hands-on support and consultancy.
 
 ## License
 

package/dist/index.d.mts

@@ -39,7 +39,7 @@ declare const FieldLabel: ({ children, icon, label, el, readOnly, className, }:
 type FieldNoLabel<Props extends any = any> = Omit<Field<Props>, "label">;
 declare function AutoField<ValueType = any, FieldType extends FieldNoLabel<ValueType> = FieldNoLabel<ValueType>>(props: FieldProps<ValueType, FieldType>): react_jsx_runtime.JSX.Element;
 
-declare const Button: ({ children, href, onClick, variant, type, disabled, tabIndex, newTab, fullWidth, icon, size, loading: loadingProp, }: {
+declare const Button: ({ children, href, onClick, variant, type, disabled, tabIndex, newTab, fullWidth, icon, size, loading: loadingProp, ...props }: {
     children: ReactNode;
     href?: string;
     onClick?: (e: any) => void | Promise<void>;

package/dist/index.d.ts

@@ -39,7 +39,7 @@ declare const FieldLabel: ({ children, icon, label, el, readOnly, className, }:
 type FieldNoLabel<Props extends any = any> = Omit<Field<Props>, "label">;
 declare function AutoField<ValueType = any, FieldType extends FieldNoLabel<ValueType> = FieldNoLabel<ValueType>>(props: FieldProps<ValueType, FieldType>): react_jsx_runtime.JSX.Element;
 
-declare const Button: ({ children, href, onClick, variant, type, disabled, tabIndex, newTab, fullWidth, icon, size, loading: loadingProp, }: {
+declare const Button: ({ children, href, onClick, variant, type, disabled, tabIndex, newTab, fullWidth, icon, size, loading: loadingProp, ...props }: {
     children: ReactNode;
     href?: string;
     onClick?: (e: any) => void | Promise<void>;

package/dist/index.js

@@ -1868,29 +1868,57 @@ var import_react11 = require("react");
 init_react_import();
 var Button_module_default = { "Button": "_Button_1t64k_1", "Button--medium": "_Button--medium_1t64k_29", "Button--large": "_Button--large_1t64k_37", "Button-icon": "_Button-icon_1t64k_44", "Button--primary": "_Button--primary_1t64k_48", "Button--secondary": "_Button--secondary_1t64k_67", "Button--flush": "_Button--flush_1t64k_84", "Button--disabled": "_Button--disabled_1t64k_88", "Button--fullWidth": "_Button--fullWidth_1t64k_95", "Button-spinner": "_Button-spinner_1t64k_100" };
 
+// lib/filter-data-attrs.ts
+init_react_import();
+var dataAttrRe = /^(data-.*)$/;
+var filterDataAttrs = (props) => {
+  let filteredProps = {};
+  for (const prop in props) {
+    if (Object.prototype.hasOwnProperty.call(props, prop) && dataAttrRe.test(prop)) {
+      filteredProps[prop] = props[prop];
+    }
+  }
+  return filteredProps;
+};
+
 // components/Button/Button.tsx
 var import_jsx_runtime14 = require("react/jsx-runtime");
 var getClassName9 = get_class_name_factory_default("Button", Button_module_default);
-var Button = ({
-  children,
-  href,
-  onClick,
-  variant = "primary",
-  type,
-  disabled,
-  tabIndex,
-  newTab,
-  fullWidth,
-  icon,
-  size = "medium",
-  loading: loadingProp = false
-}) => {
+var Button = (_a) => {
+  var _b = _a, {
+    children,
+    href,
+    onClick,
+    variant = "primary",
+    type,
+    disabled,
+    tabIndex,
+    newTab,
+    fullWidth,
+    icon,
+    size = "medium",
+    loading: loadingProp = false
+  } = _b, props = __objRest(_b, [
+    "children",
+    "href",
+    "onClick",
+    "variant",
+    "type",
+    "disabled",
+    "tabIndex",
+    "newTab",
+    "fullWidth",
+    "icon",
+    "size",
+    "loading"
+  ]);
   const [loading, setLoading] = (0, import_react11.useState)(loadingProp);
   (0, import_react11.useEffect)(() => setLoading(loadingProp), [loadingProp]);
   const ElementType = href ? "a" : type ? "button" : "span";
+  const dataAttrs = filterDataAttrs(props);
   const el = /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
     ElementType,
-    {
+    __spreadProps(__spreadValues({
       className: getClassName9({
         primary: variant === "primary",
         secondary: variant === "secondary",
@@ -1910,13 +1938,14 @@ var Button = ({
       tabIndex,
       target: newTab ? "_blank" : void 0,
       rel: newTab ? "noreferrer" : void 0,
-      href,
+      href
+    }, dataAttrs), {
       children: [
         icon && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: getClassName9("icon"), children: icon }),
         children,
         loading && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: getClassName9("spinner"), children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Loader, { size: 14 }) })
       ]
-    }
+    })
   );
   return el;
 };
@@ -3168,7 +3197,7 @@ function DropZoneEdit({ zone, allow, disallow, style }) {
                                 DraggableComponent,
                                 {
                                   label,
-                                  id: `draggable-${componentId}`,
+                                  id: `draggable-${componentId}::${item.type}`,
                                   index: i,
                                   isSelected,
                                   isLocked: userIsDragging,
@@ -4025,10 +4054,10 @@ var useResolvedFields = () => {
           setResolvedFields(fields || {});
           setFieldsLoading(false);
         });
-      } else {
-        setResolvedFields(defaultFields);
+        return;
       }
     }
+    setResolvedFields(defaultFields);
   }, [
     data,
     defaultFields,

package/dist/index.mjs

@@ -1689,29 +1689,57 @@ import { useEffect as useEffect6, useState as useState7 } from "react";
 init_react_import();
 var Button_module_default = { "Button": "_Button_1t64k_1", "Button--medium": "_Button--medium_1t64k_29", "Button--large": "_Button--large_1t64k_37", "Button-icon": "_Button-icon_1t64k_44", "Button--primary": "_Button--primary_1t64k_48", "Button--secondary": "_Button--secondary_1t64k_67", "Button--flush": "_Button--flush_1t64k_84", "Button--disabled": "_Button--disabled_1t64k_88", "Button--fullWidth": "_Button--fullWidth_1t64k_95", "Button-spinner": "_Button-spinner_1t64k_100" };
 
+// lib/filter-data-attrs.ts
+init_react_import();
+var dataAttrRe = /^(data-.*)$/;
+var filterDataAttrs = (props) => {
+  let filteredProps = {};
+  for (const prop in props) {
+    if (Object.prototype.hasOwnProperty.call(props, prop) && dataAttrRe.test(prop)) {
+      filteredProps[prop] = props[prop];
+    }
+  }
+  return filteredProps;
+};
+
 // components/Button/Button.tsx
 import { jsx as jsx14, jsxs as jsxs6 } from "react/jsx-runtime";
 var getClassName9 = get_class_name_factory_default("Button", Button_module_default);
-var Button = ({
-  children,
-  href,
-  onClick,
-  variant = "primary",
-  type,
-  disabled,
-  tabIndex,
-  newTab,
-  fullWidth,
-  icon,
-  size = "medium",
-  loading: loadingProp = false
-}) => {
+var Button = (_a) => {
+  var _b = _a, {
+    children,
+    href,
+    onClick,
+    variant = "primary",
+    type,
+    disabled,
+    tabIndex,
+    newTab,
+    fullWidth,
+    icon,
+    size = "medium",
+    loading: loadingProp = false
+  } = _b, props = __objRest(_b, [
+    "children",
+    "href",
+    "onClick",
+    "variant",
+    "type",
+    "disabled",
+    "tabIndex",
+    "newTab",
+    "fullWidth",
+    "icon",
+    "size",
+    "loading"
+  ]);
   const [loading, setLoading] = useState7(loadingProp);
   useEffect6(() => setLoading(loadingProp), [loadingProp]);
   const ElementType = href ? "a" : type ? "button" : "span";
+  const dataAttrs = filterDataAttrs(props);
   const el = /* @__PURE__ */ jsxs6(
     ElementType,
-    {
+    __spreadProps(__spreadValues({
       className: getClassName9({
         primary: variant === "primary",
         secondary: variant === "secondary",
@@ -1731,13 +1759,14 @@ var Button = ({
       tabIndex,
       target: newTab ? "_blank" : void 0,
       rel: newTab ? "noreferrer" : void 0,
-      href,
+      href
+    }, dataAttrs), {
       children: [
         icon && /* @__PURE__ */ jsx14("div", { className: getClassName9("icon"), children: icon }),
         children,
         loading && /* @__PURE__ */ jsx14("div", { className: getClassName9("spinner"), children: /* @__PURE__ */ jsx14(Loader, { size: 14 }) })
       ]
-    }
+    })
   );
   return el;
 };
@@ -3001,7 +3030,7 @@ function DropZoneEdit({ zone, allow, disallow, style }) {
                                 DraggableComponent,
                                 {
                                   label,
-                                  id: `draggable-${componentId}`,
+                                  id: `draggable-${componentId}::${item.type}`,
                                   index: i,
                                   isSelected,
                                   isLocked: userIsDragging,
@@ -3864,10 +3893,10 @@ var useResolvedFields = () => {
           setResolvedFields(fields || {});
           setFieldsLoading(false);
         });
-      } else {
-        setResolvedFields(defaultFields);
+        return;
       }
     }
+    setResolvedFields(defaultFields);
   }, [
     data,
     defaultFields,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@measured/puck",
-  "version": "0.17.3",
+  "version": "0.17.4-canary.18f0d46",
   "author": "Measured Corporation Ltd <hello@measured.co>",
   "repository": "measuredco/puck",
   "bugs": "https://github.com/measuredco/puck/issues",