@aglyn/besigner-ui 1.0.0-beta.236 → 1.0.0-beta.238

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aglyn/besigner-ui",
-  "version": "1.0.0-beta.236",
+  "version": "1.0.0-beta.238",
   "license": "Apache-2.0",
   "homepage": "https://aglyn.com",
   "repository": {
@@ -25,22 +25,22 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@aglyn/aglyn": "1.0.0-beta.236",
-    "@aglyn/aglyn-markdown-editor": "1.0.0-beta.236",
-    "@aglyn/aglyn-node-renderer": "1.0.0-beta.236",
-    "@aglyn/besigner": "1.0.0-beta.236",
-    "@aglyn/shared-data-enums": "1.0.0-beta.236",
-    "@aglyn/shared-data-mdi": "1.0.0-beta.236",
-    "@aglyn/shared-data-types": "1.0.0-beta.236",
-    "@aglyn/shared-svg-icons": "1.0.0-beta.236",
-    "@aglyn/shared-ui-json-editor": "1.0.0-beta.236",
-    "@aglyn/shared-ui-jsx": "1.0.0-beta.236",
-    "@aglyn/shared-ui-jsx-forms": "1.0.0-beta.236",
-    "@aglyn/shared-ui-snackstack": "1.0.0-beta.236",
-    "@aglyn/shared-ui-theme": "1.0.0-beta.236",
-    "@aglyn/shared-util-dom": "1.0.0-beta.236",
-    "@aglyn/shared-util-tools": "1.0.0-beta.236",
-    "@aglyn/shared-util-vendor": "1.0.0-beta.236",
+    "@aglyn/aglyn": "1.0.0-beta.238",
+    "@aglyn/aglyn-markdown-editor": "1.0.0-beta.238",
+    "@aglyn/aglyn-node-renderer": "1.0.0-beta.238",
+    "@aglyn/besigner": "1.0.0-beta.238",
+    "@aglyn/shared-data-enums": "1.0.0-beta.238",
+    "@aglyn/shared-data-mdi": "1.0.0-beta.238",
+    "@aglyn/shared-data-types": "1.0.0-beta.238",
+    "@aglyn/shared-svg-icons": "1.0.0-beta.238",
+    "@aglyn/shared-ui-json-editor": "1.0.0-beta.238",
+    "@aglyn/shared-ui-jsx": "1.0.0-beta.238",
+    "@aglyn/shared-ui-jsx-forms": "1.0.0-beta.238",
+    "@aglyn/shared-ui-snackstack": "1.0.0-beta.238",
+    "@aglyn/shared-ui-theme": "1.0.0-beta.238",
+    "@aglyn/shared-util-dom": "1.0.0-beta.238",
+    "@aglyn/shared-util-tools": "1.0.0-beta.238",
+    "@aglyn/shared-util-vendor": "1.0.0-beta.238",
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/utilities": "^3.2.2",
     "@react-aria/utils": "^3.34.1",

package/src/lib/components/element-props-form.component.d.ts

@@ -349,6 +349,12 @@ export declare function browseMediaKind(options: {
     componentId?: unknown;
     /** The attribute the Browse button was pressed for. */
     propName: string;
+    /**
+     * The kind the attribute's own schema declares (`mediaKind`, AGL-3716), so
+     * a plugin's element narrows its picker without core naming its id: the
+     * Music player's `src` lists only audio.
+     */
+    attributeKind?: unknown;
 }): Aglyn.MediaPickerKind | undefined;
 /**
  * The two visibility fields every node inside a component definition gets

package/src/lib/components/element-props-form.component.js

@@ -17,6 +17,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */ import PluginSettingsField, { PLUGIN_SETTINGS_FIELD_COMPONENT } from "./plugin-settings-field.component.js";
+import { isMediaPickerKind } from "@aglyn/aglyn/app-utils/media-picker-context";
 import { ANIMATION_DEFAULT_DELAY_MS, ANIMATION_DEFAULT_DURATION_MS, ANIMATION_DEFAULT_EASE, ANIMATION_DEFAULT_STAGGER_STEP_MS, ANIMATION_DEFAULT_TRIGGER, ANIMATION_MAX_DURATION_MS, ANIMATION_MAX_STAGGER_STEP_MS, ANIMATION_NONE, ANIMATION_PRESETS, canvas, COMPONENT_PROP_NAME_PATTERN, components, displayBindingTokens, ENTITY_PICKER_BROWSE_LIMIT, entityListState, EntityPickerContext, entityValueNeedsResolution, FEATURE_FLAG, FieldComponentType, getKnownPluginInstalls, getKnownPluginInstallsVersion, hasBindings, inheritedMediaAlt, intrinsicMediaSize, linkTargetKind, VIDEO_COMPONENT_ID, videoMediaProps, MISSING_BINDING_LABEL, NODE_ANIMATION_DELAY_PROP, NODE_ANIMATION_DURATION_PROP, NODE_ANIMATION_EASE_PROP, NODE_ANIMATION_PROP, NODE_ANIMATION_REPEAT_PROP, NODE_ANIMATION_STAGGER_PROP, NODE_ANIMATION_STAGGER_STEP_PROP, NODE_ANIMATION_TRIGGER_PROP, NODE_HIDE_IF_PROP, isPlacedFormNode, formPropsOnBind, FORM_COMPONENT_ID, NODE_HIDE_UNLESS_PROP, normalizeBindingTokens, readInstanceIconValue, readReusablePropValue, readYesNoValue, reusablePropConditionValue, reusablePropDefaultValue, reusablePropKind, reusablePropTakesSeveral, evaluateReusablePropRule, REUSABLE_INSTANCE_COMPONENT_ID, REUSABLE_INSTANCE_PROP_VALUES_KEY, ScreenLinkContext, screenLinkTargetOptions, subscribeKnownPluginInstalls, unresolvedScreenOption } from "@aglyn/aglyn";
 // By path, not the `@aglyn/aglyn` barrel: a repeat's bounds and the sources
 // an editor offers are editor business, and a published page must not pull
@@ -924,7 +925,8 @@ export const elementPropsComponentMapper = _extends({}, simpleComponentMapper, {
  * Exported and pure for the reason {@link inheritedAltPatch} is; keyed on the
  * persisted component id, which is never renamed.
  */ export function browseMediaKind(options) {
-    const { componentId, propName } = options != null ? options : {};
+    const { componentId, propName, attributeKind } = options != null ? options : {};
+    if (isMediaPickerKind(attributeKind)) return attributeKind;
     if (componentId !== VIDEO_COMPONENT_ID) return undefined;
     if (propName === 'src') return 'video';
     if (propName === 'poster') return 'image';
@@ -1893,7 +1895,14 @@ const ElementPropsFormRaw = /*#__PURE__*/ forwardRef((props, ref)=>{
             ...visibilityFields,
             ...animationFields,
             ...repeatFields
-        ].map(withNumericValueParse), [
+        ]// `mediaKind` is read by the picker (AGL-3716), never by the field
+        // it would otherwise reach as an unknown DOM attribute.
+        .map((_0)=>{
+            let { mediaKind: _mediaKind } = _0, field = _object_without_properties_loose(_0, [
+                "mediaKind"
+            ]);
+            return field;
+        }).map(withNumericValueParse), [
         attributes,
         instancePropFields,
         visibilityFields,
@@ -1995,10 +2004,12 @@ const ElementPropsFormRaw = /*#__PURE__*/ forwardRef((props, ref)=>{
         node
     ]);
     const handleBrowseMedia = useCallback((propName)=>()=>{
+            var _find;
             // The one kind this attribute can hold, when there is one (AGL-2953).
             const kind = browseMediaKind({
                 componentId: node == null ? void 0 : node.componentId,
-                propName
+                propName,
+                attributeKind: (_find = (rawAttributes != null ? rawAttributes : []).find((field)=>(field == null ? void 0 : field.name) === propName)) == null ? void 0 : _find.mediaKind
             });
             // Written through verbatim: the host app decides the persisted form
             // (today a media reference — AGL-1215), the renderer resolves it.
@@ -2028,7 +2039,8 @@ const ElementPropsFormRaw = /*#__PURE__*/ forwardRef((props, ref)=>{
         }, [
         onPickMedia,
         node,
-        declaresAlt
+        declaresAlt,
+        rawAttributes
     ]);
     // The same picker for an instance's image-typed declared prop, writing
     // into the nested `propValues` object (AGL-1247). Both levels are