@plasmicpkgs/react-aria 0.0.53 → 0.0.54

package/dist/react-aria.esm.js

@@ -1065,7 +1065,12 @@ function registerLabel(loader, overrides) {
       },
       props: {
         children: {
-          type: "slot"
+          type: "slot",
+          mergeWithParent: true,
+          defaultValue: {
+            type: "text",
+            value: "Label"
+          }
         }
       },
       trapsFocus: true
@@ -1145,12 +1150,10 @@ function registerCheckboxGroup(loader, overrides) {
         "isDisabled",
         "isReadOnly",
         "aria-label",
-        "children",
         "isRequired"
       ])), {
         children: {
           type: "slot",
-          mergeWithParent: true,
           defaultValue: [
             {
               type: "vbox",
@@ -1460,8 +1463,7 @@ function registerInput(loader, overrides) {
         helpers: inputHelpers$1,
         importName: "inputHelpers",
         importPath: "@plasmicpkgs/react-aria/skinny/registerInput"
-      },
-      trapsFocus: true
+      }
     },
     overrides
   );
@@ -1615,9 +1617,11 @@ function registerListBoxItem(loader, overrides) {
         },
         children: {
           type: "slot",
+          mergeWithParent: true,
           defaultValue: makeDefaultListBoxItemChildren("Item")
         }
-      }
+      },
+      trapsFocus: true
     },
     overrides
   );
@@ -1673,6 +1677,7 @@ function registerSection(loader, overrides) {
       props: {
         header: {
           type: "slot",
+          mergeWithParent: true,
           defaultValue: [
             {
               type: "text",
@@ -1681,9 +1686,11 @@ function registerSection(loader, overrides) {
           ]
         },
         items: {
-          type: "slot"
+          type: "slot",
+          mergeWithParent: true
         }
-      }
+      },
+      trapsFocus: true
     },
     overrides
   );
@@ -2043,6 +2050,7 @@ function registerPopover(loader, overrides) {
       props: {
         children: {
           type: "slot",
+          mergeWithParent: true,
           defaultValue: [
             POPOVER_ARROW_IMG,
             {
@@ -2050,7 +2058,7 @@ function registerPopover(loader, overrides) {
               styles: {
                 width: "stretch",
                 padding: 0,
-                gap: "10px"
+                rowGap: "10px"
               },
               children: [
                 {
@@ -2103,7 +2111,8 @@ function registerPopover(loader, overrides) {
           type: "themeResetClass"
         }
       },
-      styleSections: true
+      styleSections: true,
+      trapsFocus: true
     },
     overrides
   );
@@ -2289,7 +2298,8 @@ function registerComboBox(loader) {
         onChangeProp: "onOpenChange",
         variableType: "boolean"
       }
-    }
+    },
+    trapsFocus: true
   });
 }
 
@@ -2480,6 +2490,7 @@ function registerModal(loader, overrides) {
       props: {
         children: {
           type: "slot",
+          mergeWithParent: true,
           defaultValue: {
             type: "vbox",
             styles: {
@@ -2600,6 +2611,7 @@ function registerDialogTrigger(loader, overrides) {
       props: {
         trigger: {
           type: "slot",
+          mergeWithParent: true,
           defaultValue: {
             type: "component",
             name: BUTTON_COMPONENT_NAME,
@@ -2613,6 +2625,7 @@ function registerDialogTrigger(loader, overrides) {
         },
         dialog: {
           type: "slot",
+          mergeWithParent: true,
           defaultValue: {
             type: "component",
             name: MODAL_COMPONENT_NAME
@@ -2708,7 +2721,8 @@ function registerForm(loader, overrides) {
       importName: "BaseForm",
       props: {
         children: {
-          type: "slot"
+          type: "slot",
+          mergeWithParent: true
         },
         onSubmit: {
           type: "eventHandler",
@@ -2934,7 +2948,6 @@ function registerRadioGroup(loader, overrides) {
       ])), {
         children: {
           type: "slot",
-          mergeWithParent: true,
           defaultValue: [
             {
               type: "vbox",
@@ -3137,7 +3150,8 @@ function registerSelect(loader) {
           }
         ]
       }
-    }
+    },
+    trapsFocus: true
   });
   registerComponentHelper(loader, BaseSelect, {
     name: SELECT_NAME,
@@ -3191,6 +3205,7 @@ function registerSelect(loader) {
       },
       children: {
         type: "slot",
+        mergeWithParent: true,
         defaultValue: [
           {
             type: "vbox",
@@ -3286,7 +3301,8 @@ function registerSelect(loader) {
         onChangeProp: "onOpenChange",
         variableType: "boolean"
       }
-    }
+    },
+    trapsFocus: true
   });
 }
 
@@ -3344,7 +3360,10 @@ function registerSliderOutput(loader, overrides) {
       importName: "BaseSliderOutput",
       variants: variants$6,
       props: {
-        children: { type: "slot" }
+        children: {
+          mergeWithParent: true,
+          type: "slot"
+        }
       },
       trapsFocus: true
     },
@@ -3472,6 +3491,7 @@ function registerSliderThumb(loader, overrides) {
         },
         children: {
           type: "slot",
+          mergeWithParent: true,
           hidden: (ps) => !ps.advanced
         }
       }),
@@ -3612,6 +3632,11 @@ function registerSliderTrack(sliderThumbMeta, loader, overrides) {
       props: {
         children: {
           type: "slot",
+          /**
+           * NOTE: We don't merge with parent here, because we want to allow the user to select the thumbs without having to first select the slider track.
+           * Also, there can be more than one thumbs (e.g. in a range slider), but `mergeWithParent` only shows prop controls of the slot content if there is only one direct descendant of the slot.
+           * */
+          // mergeWithParent: true,
           displayName: "Thumbs",
           description: "The thumbs of the slider. For range slider, you can add more than one thumb.",
           allowedComponents: [sliderThumbMeta.name],
@@ -3625,6 +3650,7 @@ function registerSliderTrack(sliderThumbMeta, loader, overrides) {
         },
         progressBar: {
           type: "slot",
+          mergeWithParent: true,
           displayName: "Progress Bar",
           defaultValue: [
             {
@@ -3650,8 +3676,7 @@ function registerSliderTrack(sliderThumbMeta, loader, overrides) {
           type: "eventHandler",
           argTypes: [{ name: "isHovering", type: "boolean" }]
         }
-      },
-      trapsFocus: true
+      }
     },
     overrides
   );
@@ -4266,8 +4291,7 @@ function registerTextArea(loader, overrides) {
         helpers: inputHelpers,
         importName: "inputHelpers",
         importPath: "@plasmicpkgs/react-aria/skinny/registerTextArea"
-      },
-      trapsFocus: true
+      }
     },
     overrides
   );
@@ -4508,6 +4532,7 @@ function registerTooltip(loader, overrides) {
       props: {
         children: {
           type: "slot",
+          mergeWithParent: true,
           defaultValue: {
             type: "text",
             value: "Hover me!"
@@ -4515,6 +4540,7 @@ function registerTooltip(loader, overrides) {
         },
         tooltipContent: {
           type: "slot",
+          mergeWithParent: true,
           displayName: "Tooltip Content",
           // NOTE: This is not applied in attachment
           defaultValue: {
@@ -4562,7 +4588,8 @@ function registerTooltip(loader, overrides) {
           onChangeProp: "onOpenChange",
           variableType: "boolean"
         }
-      }
+      },
+      trapsFocus: true
     },
     overrides
   );