@primer/view-components 0.1.5-rc.fff95e52 → 0.1.5

package/static/arguments.json

@@ -7,10 +7,16 @@
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/action_list.rb",
     "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/action_list/default/",
     "parameters": [
+      {
+        "name": "id",
+        "type": "String",
+        "default": "`self.class.generate_id`",
+        "description": "HTML ID value."
+      },
       {
         "name": "role",
         "type": "Boolean",
-        "default": "`:list`",
+        "default": "`nil`",
         "description": "ARIA role describing the function of the list. listbox and menu are a common values."
       },
       {
@@ -31,6 +37,12 @@
         "default": "`false`",
         "description": "Display a divider above each item in the list when it does not follow a header or divider."
       },
+      {
+        "name": "select_variant",
+        "type": "Symbol",
+        "default": "`:none`",
+        "description": "How items may be selected in the list. One of `:multiple`, `:multiple_checkbox`, `:none`, or `:single`."
+      },
       {
         "name": "system_arguments",
         "type": "Hash",
@@ -70,10 +82,10 @@
     "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/action_list/heading/default/",
     "parameters": [
       {
-        "name": "list_id",
+        "name": "id",
         "type": "String",
-        "default": "N/A",
-        "description": "The unique identifier of the sub list the heading belongs to. Used internally."
+        "default": "`self.class.generate_id`",
+        "description": "The group's identifier (ID attribute in HTML)."
       },
       {
         "name": "title",
@@ -203,7 +215,7 @@
         "name": "active",
         "type": "Boolean",
         "default": "`false`",
-        "description": "Sets an active state on navigational items."
+        "description": "If the parent list's `select_variant` is set to `:single` or `:multiple`, causes this item to render checked."
       },
       {
         "name": "on_click",
@@ -225,6 +237,92 @@
       }
     ]
   },
+  {
+    "component": "ActionMenu",
+    "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "ActionMenu",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/action_menu.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/action_menu/default/",
+    "parameters": [
+      {
+        "name": "menu_id",
+        "type": "String",
+        "default": "`self.class.generate_id`",
+        "description": "Id of the menu."
+      },
+      {
+        "name": "anchor_align",
+        "type": "Symbol",
+        "default": "`:start`",
+        "description": "One of `:center`, `:end`, or `:start`.."
+      },
+      {
+        "name": "anchor_side",
+        "type": "Symbol",
+        "default": "`:outside_bottom`",
+        "description": "One of `:inside_bottom`, `:inside_center`, `:inside_left`, `:inside_right`, `:inside_top`, `:outside_bottom`, `:outside_left`, `:outside_right`, or `:outside_top`.."
+      },
+      {
+        "name": "src",
+        "type": "String",
+        "default": "`nil`",
+        "description": "Used with an `include-fragment` element to load menu content from the given source URL."
+      },
+      {
+        "name": "preload",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "When true, and src is present, loads the `include-fragment` on trigger hover."
+      },
+      {
+        "name": "dynamic_label",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether or not to display the text of the currently selected item in the show button."
+      },
+      {
+        "name": "dynamic_label_prefix",
+        "type": "String",
+        "default": "`nil`",
+        "description": "If provided, the prefix is prepended to the dynamic label and displayed in the show button."
+      },
+      {
+        "name": "select_variant",
+        "type": "Symbol",
+        "default": "`:none`",
+        "description": ". One of `:multiple`, `:none`, or `:single`.."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)."
+      }
+    ]
+  },
+  {
+    "component": "ActionMenu::List",
+    "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "ActionMenuList",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/action_menu/list.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/action_menu/list/default/",
+    "parameters": [
+      {
+        "name": "menu_id",
+        "type": "String",
+        "default": "N/A",
+        "description": "ID of the parent menu."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
   {
     "component": "AutoComplete",
     "status": "deprecated",
@@ -1425,12 +1523,6 @@
         "default": "`:auto`",
         "description": "The popover behaviour. One of `:auto` or `:manual`."
       },
-      {
-        "name": "popover",
-        "type": "Symbol",
-        "default": "`:auto`",
-        "description": "The popover behaviour. One of `:auto` or `:manual`."
-      },
       {
         "name": "size",
         "type": "Symbol",
@@ -1482,8 +1574,8 @@
       {
         "name": "role",
         "type": "String",
-        "default": "N/A",
-        "description": "The ARIA role. One of `:dialog` or `:menu`."
+        "default": "`nil`",
+        "description": "The ARIA role. One of `nil`, `:dialog`, or `:menu`."
       },
       {
         "name": "system_arguments",

package/static/audited_at.json

@@ -3,6 +3,8 @@
   "Primer::Alpha::ActionList::Divider": "",
   "Primer::Alpha::ActionList::Heading": "",
   "Primer::Alpha::ActionList::Item": "",
+  "Primer::Alpha::ActionMenu": "",
+  "Primer::Alpha::ActionMenu::List": "",
   "Primer::Alpha::AutoComplete": "",
   "Primer::Alpha::AutoComplete::Item": "",
   "Primer::Alpha::Banner": "",

package/static/constants.json

@@ -1,10 +1,13 @@
 {
   "Primer::Alpha::ActionList": {
+    "DEFAULT_MENU_ITEM_ROLE": "menuitem",
     "DEFAULT_ROLE": "list",
     "DEFAULT_SCHEME": "full",
+    "DEFAULT_SELECT_VARIANT": "none",
     "Divider": "Primer::Alpha::ActionList::Divider",
     "Heading": "Primer::Alpha::ActionList::Heading",
     "Item": "Primer::Alpha::ActionList::Item",
+    "MENU_ROLE": "menu",
     "SCHEME_MAPPINGS": {
       "full": null,
       "inset": "ActionListWrap--inset"
@@ -12,7 +15,18 @@
     "SCHEME_OPTIONS": [
       "full",
       "inset"
-    ]
+    ],
+    "SELECT_VARIANT_OPTIONS": [
+      "single",
+      "multiple",
+      "multiple_checkbox",
+      "none"
+    ],
+    "SELECT_VARIANT_ROLE_MAP": {
+      "single": "menuitemradio",
+      "multiple": "menuitemcheckbox",
+      "multiple_checkbox": "menuitemcheckbox"
+    }
   },
   "Primer::Alpha::ActionList::Divider": {
     "DEFAULT_SCHEME": "subtle",
@@ -77,6 +91,31 @@
       "xlarge"
     ]
   },
+  "Primer::Alpha::ActionMenu": {
+    "DEFAULT_PRELOAD": false,
+    "DEFAULT_SELECT_VARIANT": "none",
+    "List": "Primer::Alpha::ActionMenu::List",
+    "SELECT_VARIANT_OPTIONS": [
+      "single",
+      "multiple",
+      "none"
+    ]
+  },
+  "Primer::Alpha::ActionMenu::List": {
+    "DEFAULT_ITEM_TAG": "span",
+    "ITEM_ACTION_OPTIONS": [
+      "classes",
+      "onclick",
+      "href",
+      "value"
+    ],
+    "ITEM_TAG_OPTIONS": [
+      "a",
+      "button",
+      "clipboard-copy",
+      "span"
+    ]
+  },
   "Primer::Alpha::AutoComplete": {
     "Item": "Primer::Alpha::AutoComplete::Item"
   },
@@ -420,7 +459,8 @@
     ],
     "ROLE_OPTIONS": [
       "dialog",
-      "menu"
+      "menu",
+      null
     ],
     "SIZE_MAPPINGS": {
       "auto": "Overlay--size-auto",