@primer/view-components 0.1.5-rc.fff95e52 → 0.1.6-rc.277c7eae

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/view-components",
-  "version": "0.1.5-rc.fff95e52",
+  "version": "0.1.6-rc.277c7eae",
   "description": "ViewComponents for the Primer Design System",
   "main": "app/assets/javascripts/primer_view_components.js",
   "module": "app/components/primer/primer.js",
@@ -50,10 +50,11 @@
     "@github/clipboard-copy-element": "^1.1.2",
     "@github/details-menu-element": "^1.0.12",
     "@github/image-crop-element": "^5.0.0",
+    "@github/include-fragment-element": "^6.1.1",
     "@github/mini-throttle": "^2.1.0",
     "@github/relative-time-element": "^4.0.0",
     "@github/tab-container-element": "^3.1.2",
-    "@oddbird/popover-polyfill": "^0.0.10",
+    "@oddbird/popover-polyfill": "^0.1.1",
     "@primer/behaviors": "^1.2.0"
   },
   "devDependencies": {

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",
@@ -2646,6 +2738,12 @@
         "default": "`false`",
         "description": "Input can be full-width or fit to content"
       },
+      {
+        "name": "width",
+        "type": "String",
+        "default": "`:auto`",
+        "description": "Optional parameter to set max width of results list. One of `:auto`, `:large`, `:medium`, `:small`, `:xlarge`, or `:xxlarge`."
+      },
       {
         "name": "disabled",
         "type": "Boolean",

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,25 @@
       "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": "button",
+    "ITEM_TAG_OPTIONS": [
+      "a",
+      "button",
+      "clipboard-copy",
+      "button"
+    ]
+  },
   "Primer::Alpha::AutoComplete": {
     "Item": "Primer::Alpha::AutoComplete::Item"
   },
@@ -420,7 +453,8 @@
     ],
     "ROLE_OPTIONS": [
       "dialog",
-      "menu"
+      "menu",
+      null
     ],
     "SIZE_MAPPINGS": {
       "auto": "Overlay--size-auto",
@@ -559,6 +593,7 @@
   },
   "Primer::Beta::AutoComplete": {
     "DEFAULT_SIZE": "medium",
+    "DEFAULT_WIDTH": "auto",
     "Item": "Primer::Beta::AutoComplete::Item",
     "SIZE_MAPPINGS": {
       "small": "FormControl-small",
@@ -569,6 +604,22 @@
       "small",
       "medium",
       "large"
+    ],
+    "WIDTH_MAPPINGS": {
+      "auto": "Overlay--width-auto",
+      "small": "Overlay--width-small",
+      "medium": "Overlay--width-medium",
+      "large": "Overlay--width-large",
+      "xlarge": "Overlay--width-xlarge",
+      "xxlarge": "Overlay--width-xxlarge"
+    },
+    "WIDTH_OPTIONS": [
+      "auto",
+      "small",
+      "medium",
+      "large",
+      "xlarge",
+      "xxlarge"
     ]
   },
   "Primer::Beta::AutoComplete::Item": {