druxt-views 0.22.1 → 0.22.3-dev.20260920043715

package/README.md

@@ -1,72 +1,111 @@
+<img src="./banner.svg" alt="DruxtViews renders Drupal Views with filters, pagination and sorting">
+
 # DruxtViews
 
 [![npm](https://badgen.net/npm/v/druxt-views)](https://www.npmjs.com/package/druxt-views)
-[![CircleCI](https://circleci.com/gh/druxt/druxt-views.svg?style=svg)](https://circleci.com/gh/druxt/druxt-views)
-[![Known Vulnerabilities](https://snyk.io/test/github/druxt/druxt-views/badge.svg?targetFile=package.json)](https://snyk.io/test/github/druxt/druxt-views?targetFile=package.json)
-[![codecov](https://codecov.io/gh/druxt/druxt-views/branch/develop/graph/badge.svg)](https://codecov.io/gh/druxt/druxt-views)
+[![CI](https://github.com/druxt/druxt.js/actions/workflows/ci.yml/badge.svg)](https://github.com/druxt/druxt.js/actions/workflows/ci.yml)
+[![Known Vulnerabilities](https://snyk.io/test/github/druxt/druxt.js/badge.svg?targetFile=package.json)](https://snyk.io/test/github/druxt/druxt.js?targetFile=package.json)
+[![codecov](https://codecov.io/gh/druxt/druxt.js/branch/develop/graph/badge.svg)](https://codecov.io/gh/druxt/druxt.js)
 
 > Drupal Views components for Druxt with support for filters, pagination and sorting.
 
-## Links
+DruxtViews renders Drupal Views in Nuxt through the
+[JSON:API Views](https://www.drupal.org/project/jsonapi_views) module. A
+View's results, exposed filters, sorts and pagers all come across; results
+render as DruxtEntity components, and every part themes through the Druxt
+component suggestion system.
 
-- DruxtJS: https://druxtjs.org
-- Documentation: https://druxtjs.org/modules/views
-- Community Discord server: https://discord.druxtjs.org
+![Example DruxtView page component](https://druxtjs.org/images/druxt-views-page.png)
+
+## Features
+
+- Vue.js components:
+  - **DruxtView** renders a Drupal View by display as DruxtEntity components
+- **View page routing and Blocks** with Druxt module integrations
+- **Druxt settings** filter JSON:API fields
+- **@nuxtjs/Storybook** integration
+
+---
+
+## Installation
+
+> Included with [`druxt-site`](https://druxtjs.org/modules/site). Install it separately only when composing modules yourself.
 
-## Install
+1. Install the package:
+
+   ```sh
+   npm i druxt-views
+   ```
+
+2. Add the module to `nuxt.config.js`:
+
+   ```js
+   export default {
+     modules: ['druxt-views'],
+   };
+   ```
+
+---
+
+## Vue.js components
+
+### DruxtView
+
+Renders a Drupal View using DruxtEntity components, using data provided by the Drupal JSON:API Views module.
+
+```vue
+<DruxtView :display-id="displayId" :view-id="viewId" />
+```
 
-`$ npm install druxt-views`
+- For more details, refer to the [DruxtView API documentation](https://druxtjs.org/api/packages/views/components/DruxtView).
 
-### Nuxt.js
+---
 
-Add module to `nuxt.config.js`
+## Settings
+
+### Reducing Views data
+
+The default behaviour of the Views module is to retrieve all available fields from the JSON:API, for all results.
+
+This behaviour is configurable using the modules `query` option, allowing for manually filtered `fields`, as well as automatic filtering with the `bundleFilter` option.
+
+The default behaviour can be set via `nuxt.config.js`:
 
 ```js
-module.exports = {
-  modules: [
-    'druxt-views'
-  ],
+export default {
   druxt: {
-    baseUrl: 'https://demo-api.druxtjs.org',
     views: {
-      bundleFilter: true,
-      fields: ['title'],
+      query: {
+        bundleFilter: true,
+      },
     },
   },
-}
+};
 ```
 
-## Usage
+| Option                | Type       | Required | Default | Description                                                                                  |
+| --------------------- | ---------- | -------- | ------- | -------------------------------------------------------------------------------------------- |
+| `query.bundleFilter`  | `boolean`  | No       | `false` | Whether to automatically detect Resource types to filter, based on the View `bundle` filter. |
+| `query.fields`        | `string[]` | No       | `[]`    | An array of fields to filter from the JSON:API Views Resource types.                         |
+| `query.resourceTypes` | `string[]` | No       | `[]`    | An array of Resource types to be used by the Fields filter.                                  |
 
-### DruxtView component
+---
 
-The DruxtView component uses the [JSON:API Views module](https://drupal.org/project/jsonapi_views) to render a Decoupled Drupal View.
+## Router support
 
-```vue
-<DruxtView view-id="frontpage" />
-```
+The DruxtViews module provides a **DruxtRouterView** component that is used by the Druxt Router module to render View page routes.
 
-The View can be themed by providing a default scoped slot:
-```vue
-<DruxtView view-id="frontpage">
-  <template #default="{ results }">
-    {{ results }}
-  </template>
-</DruxtView>
-```
+- For more details, see the [Druxt Router module](https://druxtjs.org/modules/router).
 
-The component also provides a DruxtWrapper component for theming:
-```vue
-<template>
-  <div>
-    <slot name="sorts" />
-    <slot name="results" />
-    <slot name="pager" />
-  <div>
-</template>
-```
+---
 
-See the [DruxtViews API documentation](https://druxtjs.org/api/packages/views/components/DruxtView) for more information.
+## Storybook
+
+DruxtViews provides zero-config, auto-generated Storybook integration with a live data connection to your Druxt backend.
+
+- For more details, see the [Storybook guide](https://druxtjs.org/how-to/storybook).
+
+---
 
 ## Options
 
@@ -74,17 +113,23 @@ See the [DruxtViews API documentation](https://druxtjs.org/api/packages/views/co
 
 These options are specific to this module.
 
-| Option | Type | Required | Default | Description |
-| --- | --- | --- | --- | --- |
-| `views.query.bundleFilter` | `boolean` | No | `false` | Whether to automatically detect Resource types to filter, based on the View `bundle` filter. |
-| `views.query.fields` | `string[]` | No | `[]` | An array of fields to filter from the JSON:API Views Resource types. |
-| `views.query.resourceTypes` | `string[]` | No | `[]` | An array of Resource types to be used by the Fields filter. |
+| Option                      | Type       | Required | Default | Description                                                                                  |
+| --------------------------- | ---------- | -------- | ------- | -------------------------------------------------------------------------------------------- |
+| `views.query.bundleFilter`  | `boolean`  | No       | `false` | Whether to automatically detect Resource types to filter, based on the View `bundle` filter. |
+| `views.query.fields`        | `string[]` | No       | `[]`    | An array of fields to filter from the JSON:API Views Resource types.                         |
+| `views.query.resourceTypes` | `string[]` | No       | `[]`    | An array of Resource types to be used by the Fields filter.                                  |
 
 ### Base Druxt options
 
 These options are available to all Druxt modules.
 
-| Option | Type | Required | Default | Description |
-| --- | --- | --- | --- | --- |
-| `axios` | `object` | No | `{}` | [Axios instance settings](https://github.com/axios/axios#axioscreateconfig). |
-| `baseUrl` | `string` | Yes | `null` | Base URL for the Drupal installation. |
+| Option    | Type     | Required | Default | Description                                                                  |
+| --------- | -------- | -------- | ------- | ---------------------------------------------------------------------------- |
+| `axios`   | `object` | No       | `{}`    | [Axios instance settings](https://github.com/axios/axios#axioscreateconfig). |
+| `baseUrl` | `string` | Yes      | `null`  | Base URL for the Drupal installation.                                        |
+
+## Links
+
+- DruxtJS: https://druxtjs.org
+- Documentation: https://druxtjs.org/modules/views
+- Community Discord server: https://discord.druxtjs.org

package/banner.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 320" width="1280" height="320" role="img" aria-label="druxt-views: Drupal Views with filters, pagination and sorting."><defs><linearGradient id="g" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#1f2937"/><stop offset="0.7" stop-color="#2f495e"/><stop offset="1" stop-color="#36566e"/></linearGradient></defs><rect width="1280" height="320" rx="16" fill="url(#g)"/><rect x="250" y="85" width="150" height="150" rx="32" fill="rgba(229,236,241,0.07)"/><g transform="translate(277,112) scale(4)" fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 4.25h2a1 1 0 0 1 1 1v2a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1v-2a1 1 0 0 1 1 -1z" stroke="#7cc5f1"/><path d="M5 10h2a1 1 0 0 1 1 1v2a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1v-2a1 1 0 0 1 1 -1z" stroke="#7cc5f1"/><path d="M5 15.75h2a1 1 0 0 1 1 1v2a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1v-2a1 1 0 0 1 1 -1z" stroke="#7cc5f1"/><path d="M11.5 6.25H20M11.5 12H20M11.5 17.75H20" stroke="#68cb9f"/></g><text x="440" y="150" style="font-family:ui-sans-serif,system-ui,sans-serif" font-size="64" font-weight="700" letter-spacing="-1" fill="#eef2f6">Views</text><text x="651" y="150" style="font-family:ui-monospace,Menlo,Consolas,monospace" font-size="26" fill="#7cc5f1">druxt-views</text><text x="440" y="196" style="font-family:ui-sans-serif,system-ui,sans-serif" font-size="25" fill="rgba(229,236,241,0.75)">Drupal Views with filters, pagination and sorting.</text><g transform="translate(440,236) scale(0.0994)"><path d="M139 330l-1-2c-2-4-2-8-1-13H29L189 31l67 121 22-16-67-121c-1-2-9-14-22-14-6 0-15 2-22 15L5 303c-1 3-8 16-2 27 4 6 10 12 24 12h136c-14 0-21-6-24-12z" fill="#3498DB"/><path d="M447 304L317 70c-2-2-9-15-22-15-6 0-15 3-22 15l-17 28v54l39-67 129 230h-49a23 23 0 0 1-2 14l-1 1c-6 11-21 12-23 12h76c3 0 17-1 24-12 3-5 5-14-2-26z" fill="#108775"/><path d="M376 330v-1l1-2c1-4 2-8 1-12l-4-12-102-178-15-27h-1l-15 27-102 178-4 12a24 24 0 0 0 2 15c4 6 10 12 24 12h190c3 0 18-1 25-12zM256 152l93 163H163l93-163z" fill="#E5ECF1"/></g><text x="492" y="260" style="font-family:ui-sans-serif,system-ui,sans-serif" font-size="17" font-weight="600" fill="rgba(229,236,241,0.85)">druxtjs.org</text></svg>

package/dist/components/DruxtRouterView.vue

@@ -6,6 +6,18 @@
 
 import { DruxtRouterMixin } from 'druxt-router'
 
+/**
+ * Renders a Views route via the DruxtView component.
+ *
+ * The DruxtRouter component renders this component automatically for Views
+ * routes; the route props are passed through to DruxtView.
+ *
+ * @see {@link ./DruxtView|DruxtView}
+ * @see https://druxtjs.org/modules/views
+ *
+ * @example @lang vue
+ * <DruxtRouterView :route="route" />
+ */
 export default {
   mixins: [DruxtRouterMixin],
 }

package/dist/components/DruxtView.vue

@@ -10,7 +10,7 @@ import { mapActions } from 'vuex'
  * The DruxtView component renders Drupal Views using configuration and
  * results provided by the Drupal View and the JSON:API Views module.
  *
- * The component renders slots for  the View's headers, footers, entity results,
+ * The component renders slots for the View's headers, footers, entity results,
  * exposed sorts and filters, and supports contextual filters.
  *
  * @example @lang vue
@@ -34,13 +34,15 @@ import { mapActions } from 'vuex'
  *   mixins: [DruxtViewsViewMixin]
  * }
  *
- * @example <caption>DruxtView with template injection</caption> @lang vue
+ * @example <caption>default slot (template injection)</caption> @lang vue
  * <DruxtView>
  *   <template #default="{ results }">
  *     <!-- Do whatever you want here -->
  *     <DruxtDebug :json="results" />
  *   </template>
  * </DruxtView>
+ *
+ * @see {@link https://druxtjs.org/explanation/component-resolution|Component resolution}
  */
 export default {
   name: 'DruxtView',
@@ -224,7 +226,7 @@ export default {
     /**
      * The View Headers data.
      *
-     * @type {@object}
+     * @type {object[]}
      */
     headers() {
       if (!this.display) return []
@@ -430,6 +432,10 @@ export default {
      * Provides the available component naming options for the Druxt Wrapper.
      *
      * @param {object} context - The module component ViewModel.
+     * @param {string} context.displayId - The View Display ID.
+     * @param {string} context.uuid - The View UUID.
+     * @param {object} context.view - The View JSON:API resource data.
+     * @param {string} context.viewId - The View ID.
      * @returns {ComponentOptions}
      */
     componentOptions: ({ displayId, uuid, view, viewId }) => ([
@@ -462,6 +468,8 @@ export default {
 
     /**
      * Fetch JSON:API Views results.
+     *
+     * @param {object} settings - The module settings object, including the results query configuration.
      */
     async fetchData(settings) {
       const viewId = this.viewId || (((this.view || {}).data || {}).attributes || {}).drupal_internal__id
@@ -475,7 +483,7 @@ export default {
         // Build query.
         const query = this.getQuery(settings)
 
-        // Execute the resquest.
+        // Execute the request.
         this.resource = await this.getResults({
           displayId: this.displayId,
           prefix: this.lang,
@@ -489,7 +497,7 @@ export default {
     /**
      * Provides propsData for the DruxtWrapper.
      *
-     * @param {object} context - The module component ViewModel.
+     * @param {object} vm - The module component ViewModel.
      * @returns {PropsData}
      */
     propsData: (vm) => ({
@@ -503,6 +511,10 @@ export default {
 
     /**
      * Component settings.
+     *
+     * @param {object} context - The module component ViewModel.
+     * @param {object} wrapperSettings - Settings provided by the wrapper component.
+     * @returns {object} The merged module settings.
      */
     settings: (context, wrapperSettings) => {
       const { $druxt, settings } = context
@@ -544,6 +556,7 @@ export default {
      *   </div>
      * </template>
      *
+     * @param {Function} h - The Vue createElement function.
      * @return {ScopedSlots} The Scoped slots object.
      */
     slots(h) {
@@ -607,7 +620,7 @@ export default {
         scopedSlots.attachments_before = (attrs) => this.attachments_before.map((displayId) => h('DruxtView', {
           attrs: { ...attrs },
           key: displayId,
-          ref: 'attachements_before',
+          ref: 'attachments_before',
           props: {
             displayId,
             langcode: this.lang,
@@ -664,7 +677,7 @@ export default {
         scopedSlots.attachments_after = (attrs) => this.attachments_after.map((displayId) => h('DruxtView', {
           attrs: { ...attrs },
           key: displayId,
-          ref: 'attachements_after',
+          ref: 'attachments_after',
           props: {
             displayId,
             langcode: this.lang,
@@ -731,7 +744,7 @@ export default {
 
 /**
  * Provides settings for the View module, via the `nuxt.config.js` `druxt.views`
- * or the Wrapper component `druxt` object.
+ * or the wrapper component `druxt` object.
  *
  * @typedef {object} ModuleSettings
  * @param {object} query - View results query settings:
@@ -796,7 +809,7 @@ export default {
  */
 
 /**
- * Provides scoped slots for use in the Wrapper component.
+ * Provides scoped slots for use in the wrapper component.
  *
  * @typedef {object} ScopedSlots
  * @param {function} header - The View header.

package/dist/components/DruxtViewsFilter.vue

@@ -30,6 +30,7 @@ export default {
      * Provides the available component naming options for the DruxtWrapper.
      *
      * @param {object} context - The module component ViewModel.
+     * @param {object} context.filter - The Exposed Filter object.
      * @returns {ComponentOptions}
      */
     componentOptions: ({ filter }) => ([
@@ -42,6 +43,8 @@ export default {
      * Provides propsData for the DruxtWrapper.
      *
      * @param {object} context - The module component ViewModel.
+     * @param {object} context.filter - The Exposed Filter object.
+     * @param {*} context.model - The DruxtViewsFilter model value.
      * @returns {PropsData}
      */
     propsData: ({ filter, model }) => ({ filter, value: model }),

package/dist/components/DruxtViewsFilters.vue

@@ -60,6 +60,7 @@ export default {
      * Provides the available component naming options for the DruxtWrapper.
      *
      * @param {object} context - The module component ViewModel.
+     * @param {string} context.type - The Exposed form type.
      * @returns {ComponentOptions}
      */
     componentOptions: ({ type }) => ([[type], ['default']]),
@@ -68,6 +69,10 @@ export default {
      * Provides propsData for the DruxtWrapper.
      *
      * @param {object} context - The module component ViewModel.
+     * @param {object} context.options - The Exposed form options.
+     * @param {object[]} context.filters - The Exposed Filter objects.
+     * @param {object} context.model - The DruxtViewsFilters model value.
+     * @param {string} context.type - The Exposed form type.
      * @returns {PropsData}
      */
     propsData: ({ options, filters, model, type }) => ({ options, filters, type, value: model }),
@@ -86,6 +91,7 @@ export default {
      *   </div>
      * </template>
      *
+     * @param {Function} h - The Vue createElement function.
      * @return {ScopedSlots} The Scoped slots object.
      */
     slots(h) {
@@ -179,7 +185,7 @@ export default {
  */
 
 /**
- * Provides scoped slots for use in the Wrapper component.
+ * Provides scoped slots for use in the wrapper component.
  *
  * @typedef {object} ScopedSlots
  * @param {function} [filter.expose.identifier] - Slot per filter.

package/dist/components/DruxtViewsPager.vue

@@ -113,6 +113,7 @@ export default {
      * Provides the available component naming options for the DruxtWrapper.
      *
      * @param {object} context - The module component ViewModel.
+     * @param {string} context.type - The Pager type.
      * @returns {ComponentOptions}
      */
     componentOptions: ({ type }) => ([[type], ['default']]),
@@ -121,6 +122,11 @@ export default {
      * Provides propsData for the DruxtWrapper.
      *
      * @param {object} context - The module component ViewModel.
+     * @param {boolean|number} context.count - The JSON:API Views results total count.
+     * @param {object} context.options - The Pager options.
+     * @param {object} context.resource - The JSON:API Views results resource.
+     * @param {string} context.type - The Pager type.
+     * @param {number} context.model - The DruxtViewsPager model value.
      * @returns {PropsData}
      */
     propsData: ({ count, options, resource, type, model }) => ({
@@ -136,6 +142,7 @@ export default {
      *
      * The `default` slot will render basic pagination based on the JSON:API links.
      *
+     * @param {Function} h - The Vue createElement function.
      * @return {ScopedSlots} The Scoped slots object.
      */
     slots(h) {
@@ -234,7 +241,7 @@ export default {
  */
 
 /**
- * Provides scoped slots for use in the Wrapper component.
+ * Provides scoped slots for use in the wrapper component.
  *
  * @typedef {object} ScopedSlots
  * @param {function} default - A JSON:API resource links based pager.

package/dist/components/DruxtViewsSorts.vue

@@ -76,6 +76,7 @@ export default {
      * Provides the available component naming options for the DruxtWrapper.
      *
      * @param {object} context - The module component ViewModel.
+     * @param {string} context.type - The Exposed form type.
      * @returns {ComponentOptions}
      */
     componentOptions: ({ type }) => ([[type], ['default']]),
@@ -84,6 +85,10 @@ export default {
      * Provides propsData for the DruxtWrapper.
      *
      * @param {object} context - The module component ViewModel.
+     * @param {string} context.model - The selected sort ID.
+     * @param {object} context.options - The Exposed form options.
+     * @param {object[]} context.sorts - The Exposed Sort objects.
+     * @param {string} context.type - The Exposed form type.
      * @returns {PropsData}
      */
     propsData: ({ model, options, sorts, type }) => ({ options, sorts, type, value: model }),
@@ -93,6 +98,7 @@ export default {
      *
      * The `default` slot will render a list of sorts.
      *
+     * @param {Function} h - The Vue createElement function.
      * @return {ScopedSlots} The Scoped slots object.
      */
     slots(h) {
@@ -155,7 +161,7 @@ export default {
  * @param {object} options - The Exposed form options.
  * @param {object[]} sorts - The Exposed Sort objects.
  * @param {string} type - The Exposed form type.
- * @param {integer} value - The DruxtViewSorts model value.
+ * @param {string} value - The selected sort ID.
  *
  * @example @lang js
  * {
@@ -177,7 +183,7 @@ export default {
  */
 
 /**
- * Provides scoped slots for use in the Wrapper component.
+ * Provides scoped slots for use in the wrapper component.
  *
  * @typedef {object} ScopedSlots
  * @param {function} default - A list of sort links.

package/dist/components/blocks/DruxtBlockViewsBlock.vue

@@ -22,13 +22,13 @@ import { DruxtBlocksBlockMixin } from 'druxt-blocks'
  *   uuid="43d613c6-ab66-453d-bce1-e1dfc990b4a1"
  * />
  *
- * @see {@link https://blocks.druxtjs.org/api/components/DruxtBlock|DruxtBlock}
+ * @see {@link https://druxtjs.org/api/packages/blocks/components/DruxtBlock|DruxtBlock}
  */
 export default {
   name: 'DruxtBlockViewsBlock',
 
   /**
-   * @see {@link https://blocks.druxtjs.org/api/mixins/block|DruxtBlocksBlockMixin}
+   * @see {@link https://druxtjs.org/api/packages/blocks/mixins/block|DruxtBlocksBlockMixin}
    */
   mixins: [DruxtBlocksBlockMixin],
 

package/dist/druxt-views.esm.js

@@ -50,6 +50,7 @@ async function DruxtViewsStorybook({ stories }) {
   stories.push(resolve(options.buildDir, "./stories/druxt-views.*.stories.js"));
 }
 
+const extendComponent = (component) => ({ ...component, isAsync: false });
 const DruxtViewsNuxtModule = async function(moduleOptions = {}) {
   const options = {
     baseUrl: moduleOptions.baseUrl,
@@ -61,8 +62,8 @@ const DruxtViewsNuxtModule = async function(moduleOptions = {}) {
     }
   };
   this.nuxt.hook("components:dirs", (dirs) => {
-    dirs.push({ path: join(__dirname, "components") });
-    dirs.push({ path: join(__dirname, "components/blocks") });
+    dirs.push({ path: join(__dirname, "components"), extendComponent });
+    dirs.push({ path: join(__dirname, "components/blocks"), extendComponent });
   });
   await this.addModule(["druxt", options]);
   const modules = ["druxt-entity", "druxt-schema"];

package/dist/druxt-views.ssr.js

@@ -60,6 +60,7 @@ async function DruxtViewsStorybook({ stories }) {
   stories.push(path.resolve(options.buildDir, "./stories/druxt-views.*.stories.js"));
 }
 
+const extendComponent = (component) => ({ ...component, isAsync: false });
 const DruxtViewsNuxtModule = async function(moduleOptions = {}) {
   const options = {
     baseUrl: moduleOptions.baseUrl,
@@ -71,8 +72,8 @@ const DruxtViewsNuxtModule = async function(moduleOptions = {}) {
     }
   };
   this.nuxt.hook("components:dirs", (dirs) => {
-    dirs.push({ path: path.join(__dirname, "components") });
-    dirs.push({ path: path.join(__dirname, "components/blocks") });
+    dirs.push({ path: path.join(__dirname, "components"), extendComponent });
+    dirs.push({ path: path.join(__dirname, "components/blocks"), extendComponent });
   });
   await this.addModule(["druxt", options]);
   const modules = ["druxt-entity", "druxt-schema"];

package/icon.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <rect stroke="#036397" x="4" y="4.25" width="4" height="4" rx="1" />
+  <rect stroke="#036397" x="4" y="10" width="4" height="4" rx="1" />
+  <rect stroke="#036397" x="4" y="15.75" width="4" height="4" rx="1" />
+  <path stroke="#3b8070" d="M11.5 6.25H20M11.5 12H20M11.5 17.75H20" />
+</svg>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "druxt-views",
-  "version": "0.22.1",
+  "version": "0.22.3-dev.20260920043715",
   "description": "Drupal Views components for Druxt with support for filters, pagination and sorting.",
   "keywords": [
     "cms",
@@ -27,6 +27,7 @@
     "url": "git+https://github.com/druxt/druxt.js"
   },
   "license": "MIT",
+  "author": "Stuart Clark <stuart@druxtjs.org>",
   "exports": {
     ".": {
       "require": "./dist/druxt-views.ssr.js",
@@ -38,20 +39,22 @@
   "module": "dist/druxt-views.esm.js",
   "files": [
     "dist",
-    "templates"
+    "templates",
+    "icon.svg",
+    "banner.svg"
   ],
   "dependencies": {
-    "axios": "0.27.2",
+    "axios": "0.33.0",
     "deepmerge": "^4.3.1",
-    "drupal-jsonapi-params": "^2.2.0",
-    "druxt": "^0.22.0",
-    "druxt-blocks": "^0.17.2",
-    "druxt-entity": "^0.28.0",
-    "druxt-router": "^0.29.1",
+    "drupal-jsonapi-params": "^2.3.2",
+    "druxt": "0.24.1-dev.20260920043715",
+    "druxt-blocks": "0.17.4-dev.20260920043715",
+    "druxt-entity": "0.29.0-dev.20260920043715",
+    "druxt-router": "0.31.1-dev.20260920043715",
     "md5": "^2.3.0"
   },
   "optionalDependencies": {
-    "vue": "^2.7.14",
+    "vue": "^2.7.16",
     "vuex": "^3.6.2"
   },
   "publishConfig": {