[web] Minor core/Selector adjustments

web/src/components/core/Selector.jsx

@@ -55,9 +55,10 @@ import { noop } from '~/utils';
  *   );
  *
  * @param {object} props - component props
+ * @param {string} [props.id] - Id attribute for selector.
  * @param {boolean} [props.isMultiple=false] - Whether the selector should allow multiple selection.
- * @param {Array<object>} [props.options=[]] - Item objects to build options.
- * @param {function} [props.renderOption=noop] - Function used for rendering options.
+ * @param {Array<object>} props.options=[] - Item objects to build options.
+ * @param {function} props.renderOption=noop - Function used for rendering options.
  * @param {string} [props.optionIdKey="id"] - Key used for retrieve options id.
  * @param {Array<*>} [props.selectedIds=[]] - Identifiers for selected options.
  * @param {onSelectionChangeCallback} [props.onSelectionChange=noop] - Callback to be called when the selection changes.
@@ -91,7 +92,7 @@ const Selector = ({
   };
 
   return (
-    <ul { ...props } data-type="agama/list" role="grid">
+    <ul { ...props } id={id} data-type="agama/list" role="grid">
       { options.map(option => {
         const optionId = option[optionIdKey];
         const optionHtmlId = `${id}-option-${optionId}`;