Socket
Socket
Sign inDemoInstall

druxt-views

Package Overview
Dependencies
Maintainers
1
Versions
47
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

druxt-views - npm Package Compare versions

Comparing version 0.8.2 to 0.8.3

4

dist/druxt-views.esm.js

@@ -51,3 +51,5 @@ import { resolve } from 'path';

views[drupal_internal_id] = { description: description, displays: displays, uuid: view.id, label: label };
if (displays.length) {
views[drupal_internal_id] = { description: description, displays: displays, uuid: view.id, label: label };
}
};

@@ -54,0 +56,0 @@

@@ -1,1 +0,1 @@

var VueDrupalEntity=function(t,e,i,n,r,s,o,u,a,d,l){"use strict";async function p(t){var s=t.stories,o=this.addTemplate,u=this.options,a=new r.DruxtClient(u.druxt.baseUrl,u.druxt),d="view--view",l=(new n.DrupalJsonApiParams).addFilter("status",1).addFields(d,["display","description","drupal_internal__id","label"]),p=await a.getCollectionAll(d,l),c={};for(var f of p){var m=function(){var t=y.attributes,e=t.description,n=t.display,r=t.drupal_internal__id,s=t.label,o=Object.values(n).filter((function(t){var e="default"===t.id?t:i(n.default,t),r=e.display_options.display_extenders;return!(!Array.isArray(r)&&!(r.jsonapi_views||{}).enabled)&&e.display_options.row.type.startsWith("entity:")}));c[r]={description:e,displays:o,uuid:y.id,label:s}};for(var y of f.data)m()}for(var v of Object.keys(c)){var h=c[v],x=h.description,_=h.displays,w=h.label,g=h.uuid;_.sort((function(t){return"default"===t.id?-1:0}));var b=["Druxt Views",w].join("/");o({src:e.resolve(__dirname,"../nuxt/druxt-views.stories.js"),fileName:"stories/druxt-views."+v+".stories.js",options:{description:x,displays:_,title:b,uuid:g,viewId:v}})}s.push(e.resolve(u.buildDir,"./stories/druxt-views.*.stories.js"))}i=i&&Object.prototype.hasOwnProperty.call(i,"default")?i.default:i,l=l&&Object.prototype.hasOwnProperty.call(l,"default")?l.default:l;function c(t,e,i,n,r,s,o,u,a,d){"boolean"!=typeof o&&(a=u,u=o,o=!1);var l,p="function"==typeof i?i.options:i;if(t&&t.render&&(p.render=t.render,p.staticRenderFns=t.staticRenderFns,p._compiled=!0,r&&(p.functional=!0)),n&&(p._scopeId=n),s?(l=function(t){(t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),e&&e.call(this,a(t)),t&&t._registeredComponents&&t._registeredComponents.add(s)},p._ssrRegister=l):e&&(l=o?function(t){e.call(this,d(t,this.$root.$options.shadowRoot))}:function(t){e.call(this,u(t))}),l)if(p.functional){var c=p.render;p.render=function(t,e){return l.call(e),c(t,e)}}else{var f=p.beforeCreate;p.beforeCreate=f?[].concat(f,l):[l]}return i}var f=c({render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return!t.$fetchState.pending&&t.view&&t.resource?i(t.wrapper.component,t._b({tag:"component"},"component",t.wrapper.propsData,!1),[i(t.component.is,t._b({tag:"component",scopedSlots:t._u([{key:"header",fn:function(){return t._l(t.headers,(function(e){return i("span",{key:e.id,domProps:{innerHTML:t._s(e.content.value)}})}))},proxy:!0},t.filters?{key:"filters",fn:function(e){return[i("DruxtViewsFilters",t._b({attrs:{filters:t.filters},on:{input:t.onFiltersUpdate},model:{value:t.model.filter,callback:function(e){t.$set(t.model,"filter",e)},expression:"model.filter"}},"DruxtViewsFilters",Object.assign({},t.display.display_options.exposed_form,e),!1))]}}:null,t.showSorts?{key:"sorts",fn:function(e){return[i("DruxtViewsSorts",t._b({attrs:{sorts:t.sorts},model:{value:t.model.sort,callback:function(e){t.$set(t.model,"sort",e)},expression:"model.sort"}},"DruxtViewsSorts",Object.assign({},t.display.display_options.exposed_form,e),!1))]}}:null,t.attachments_before?{key:"attachments_before",fn:function(e){return t._l(t.attachments_before,(function(n){return i("DruxtView",t._b({key:n,attrs:{"display-id":n,type:t.type,uuid:t.uuid,"view-id":t.viewId}},"DruxtView",e,!1))}))}}:null,{key:"results",fn:function(e){return t._l(t.results,(function(n){return i("DruxtEntity",t._b({key:n.id},"DruxtEntity",Object.assign({},{type:n.type,uuid:n.id,mode:t.mode},e),!1))}))}},t.showPager?{key:"pager",fn:function(e){return[i("DruxtViewsPager",t._b({model:{value:t.model.page,callback:function(e){t.$set(t.model,"page",e)},expression:"model.page"}},"DruxtViewsPager",Object.assign({},{count:t.count},t.pager,{resource:t.resource},e),!1))]}}:null,t.attachments_after?{key:"attachments_after",fn:function(e){return t._l(t.attachments_after,(function(n){return i("DruxtView",t._b({key:n,attrs:{"display-id":n,type:t.type,uuid:t.uuid,"view-id":t.viewId}},"DruxtView",e,!1))}))}}:null],null,!0),model:{value:t.model,callback:function(e){t.model=e},expression:"model"}},"component",t.component.propsData,!1),[t._v(" "),t._v(" "),t._v(" "),t._v(" "),t._v(" "),t._v(" "),t._v(" "),[t._l(t.headers,(function(e){return i("span",{key:e.id,domProps:{innerHTML:t._s(e.content.value)}})})),t._v(" "),i("DruxtViewsFilters",t._b({attrs:{filters:t.filters},on:{input:t.onFiltersUpdate},model:{value:t.model.filter,callback:function(e){t.$set(t.model,"filter",e)},expression:"model.filter"}},"DruxtViewsFilters",t.display.display_options.exposed_form,!1)),t._v(" "),t.showSorts?i("DruxtViewsSorts",t._b({attrs:{sorts:t.sorts},model:{value:t.model.sort,callback:function(e){t.$set(t.model,"sort",e)},expression:"model.sort"}},"DruxtViewsSorts",t.display.display_options.exposed_form,!1)):t._e(),t._v(" "),t.attachments_before?i("div",t._l(t.attachments_before,(function(e){return i("DruxtView",{key:e,attrs:{"display-id":e,type:t.type,uuid:t.uuid,"view-id":t.viewId}})})),1):t._e(),t._v(" "),t._l(t.results,(function(e){return i("DruxtEntity",t._b({key:e.id},"DruxtEntity",{type:e.type,uuid:e.id,mode:t.mode},!1))})),t._v(" "),t.attachments_after?i("div",t._l(t.attachments_after,(function(e){return i("DruxtView",{key:e,attrs:{"display-id":e,type:t.type,uuid:t.uuid,"view-id":t.viewId}})})),1):t._e(),t._v(" "),t.showPager?i("DruxtViewsPager",t._b({model:{value:t.model.page,callback:function(e){t.$set(t.model,"page",e)},expression:"model.page"}},"DruxtViewsPager",Object.assign({},{count:t.count},t.pager,{resource:t.resource}),!1)):t._e()]],2)],1):t._e()},staticRenderFns:[]},undefined,{name:"DruxtView",mixins:[r.DruxtComponentMixin],props:{displayId:{type:String,default:"default"},type:{type:String,default:"view--view"},uuid:{type:String,required:!0},viewId:{type:String,required:!0}},fetch:async function(){this.view||(this.view=await this.getResource({type:this.type,id:this.uuid})),this.resource=await this.getResults({viewId:this.viewId,displayId:this.displayId,query:s.stringify(this.query)}),await r.DruxtComponentMixin.fetch.call(this)},data:function(){var t=s.parse(s.stringify(this.$route.query));return{model:{filter:t.filter||{},page:parseInt(t.page)||null,sort:t.sort||null},resource:null,view:!1}},computed:{attachments_after:function(){var t=this;if(!(((this.view||{}).data||{}).attributes||{}).display)return!1;var e=this.view.data.attributes.display;return Object.keys(e).filter((function(i){return"attachment"===e[i].display_plugin&&"after"===e[i].display_options.attachment_position&&void 0!==e[i].display_options.displays[t.displayId]}))},attachments_before:function(){var t=this;if(!(((this.view||{}).data||{}).attributes||{}).display)return!1;var e=this.view.data.attributes.display;return Object.keys(e).filter((function(i){return"attachment"===e[i].display_plugin&&"before"===e[i].display_options.attachment_position&&void 0!==e[i].display_options.displays[t.displayId]}))},count:function(){return parseInt(((this.resource||{}).meta||{}).count)||0},display:function(){return!!(((this.view||{}).data||{}).attributes||{}).display&&("default"===this.display_id?this.view.data.attributes.display[this.display_id]:i(this.view.data.attributes.display.default,this.view.data.attributes.display[this.displayId]))},filters:function(){return Object.values(((this.display||{}).display_options||{}).filters||{}).filter((function(t){return t.exposed}))},headers:function(){return this.display?this.display.display_options.header:[]},mode:function(){return!!this.display&&(!!this.display.display_options.row.type.includes("entity:")&&((this.display.display_options.row.options||{}).view_mode||"default"))},pager:function(){return((this.display||{}).display_options||{}).pager||!1},query:function(){var t={};return this.model.page&&(t.page=this.model.page),Object.entries(this.model.filter||{}).length&&(t["views-filter"]=this.model.filter),this.model.sort&&(t["views-sort[sort_by]"]=this.model.sort),t},results:function(){return(this.resource||{}).data||[]},showPager:function(){return this.pager.type&&"none"!==this.pager.type},showSorts:function(){return!(!((((this.display||{}).display_options||{}).exposed_form||{}).options||{}).expose_sort_order||!this.sorts.length)},sorts:function(){return Object.values(((this.display||{}).display_options||{}).sorts||{}).filter((function(t){return t.exposed}))}},watch:{"$route.query":async function(t,e){Object.entries(t).length||(this.model={filter:null,page:null,sort:null},await this.$fetch)},displayId:async function(){await this.$fetch()},query:async function(t,e){await this.$fetch()},uuid:async function(){await this.$fetch()}},methods:Object.assign({},{onFiltersUpdate:function(){this.model.page=null,this.model.sort=null}},o.mapActions({getResource:"druxt/getResource",getResults:"druxt/views/getResults"})),druxt:function(t){var e=t.vm;return{componentOptions:[[e.viewId,e.displayId]],propsData:{count:e.count,display:e.display,mode:e.mode,pager:e.pager,results:e.results,view:e.view}}}},undefined,false,undefined,!1,void 0,void 0,void 0),m=c({render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return t.$fetchState.pending?t._e():i(t.wrapper.component,t._b({tag:"component"},"component",t.wrapper.propsData,!1),[i(t.component.is,t._b({tag:"component",model:{value:t.model,callback:function(e){t.model=e},expression:"model"}},"component",t.component.propsData,!1))],1)},staticRenderFns:[]},undefined,{name:"DruxtViewsFilter",mixins:[r.DruxtComponentMixin],props:{filter:{type:Object,required:!0},value:{type:[Array,Number,String],default:void 0}},data:function(){return{model:this.value}},watch:{model:function(){this.$emit("input",this.model)}},druxt:function(t){var e=t.vm;return{componentOptions:[[e.filter.id],[e.filter.plugin_id,e.filter.id],["default"]],propsData:{filter:e.filter}}}},undefined,false,undefined,!1,void 0,void 0,void 0),y=c({},undefined,{name:"DruxtViewsFilters",mixins:[r.DruxtComponentMixin],props:{filters:{type:Array,required:!0},options:{type:Object,default:function(){return{}}},type:{type:String,default:"basic"},value:{type:Object,default:function(){return{}}}},data:function(){return{model:Object.assign({},this.value)}},watch:{model:{deep:!0,handler:function(){"DruxtWrapper"===this.component.is&&this.$emit("input",this.model)}}},druxt:function(t){var e=t.vm;return{componentOptions:[[e.type],["default"]],propsData:{options:e.options,filters:e.filters,type:e.type}}},render:function(t){var e=this,i={class:this.wrapper.class||void 0,style:this.wrapper.style||void 0,props:this.wrapper.propsData},n={};return this.filters.map((function(i){n[i.expose.identifier]=function(n){return t("DruxtViewsFilter",{attrs:Object.assign({},n,e.$attrs),props:{filter:i,value:e.model[i.expose.identifier]},on:{input:function(t){var n;e.model=Object.assign({},e.model,((n={})[i.expose.identifier]=t,n))}}})}})),n.default=function(t){return e.filters.map((function(e){return n[e.expose.identifier](t)}))},t(this.wrapper.component,i,[t(this.component.is,{attrs:this.$attrs,props:Object.assign({},this.component.propsData,{value:this.model}),scopedSlots:n,on:{input:function(t){e.model=t,e.$emit("input",e.model)}}})])}},undefined,undefined,undefined,!1,void 0,void 0,void 0),v=c({render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return t.$fetchState.pending?t._e():i(t.wrapper.component,t._b({tag:"component"},"component",t.wrapper.propsData,!1),[i(t.component.is,t._b({tag:"component",model:{value:t.model,callback:function(e){t.model=e},expression:"model"}},"component",t.component.propsData,!1),[i("ul",[t.resource.links.prev?i("li",[i("nuxt-link",{attrs:{to:t.getRoute(t.resource.links.prev)},nativeOn:{click:function(e){return t.setPage(t.resource.links.prev)}}},[t._v("\n "+t._s(t.options.tags.previous)+"\n ")])],1):t._e(),t._v(" "),t.resource.links.next?i("li",[i("nuxt-link",{attrs:{to:t.getRoute(t.resource.links.next)},nativeOn:{click:function(e){return t.setPage(t.resource.links.next)}}},[t._v("\n "+t._s(t.options.tags.next)+"\n ")])],1):t._e()])])],1)},staticRenderFns:[]},undefined,{name:"DruxtViewsPager",mixins:[r.DruxtComponentMixin],props:{count:{type:[Boolean,Number],default:!1},options:{type:Object,default:function(){return{}}},resource:{type:Object,default:function(){return{}}},type:{type:String,default:"none"},value:{type:Number,default:0}},data:function(){return{model:this.value}},watch:{model:function(){this.$emit("input",this.model)}},methods:{getQuery:function(t){var e=Object.fromEntries(new URLSearchParams(t.href.split("?")[1]));return"string"==typeof e.page&&(e.page=parseInt(e.page)),e},getRoute:function(t){var e=this.getQuery(t);return{query:Object.assign({},this.$route.query,{page:e.page})}},setPage:function(t){var e=this.getQuery(t);this.model=e.page}},druxt:function(t){var e=t.vm;return{componentOptions:[[e.type],["default"]],propsData:{count:parseInt(e.count),options:e.options,resource:e.resource,type:e.type}}}},undefined,false,undefined,!1,void 0,void 0,void 0),h=c({render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return t.$fetchState.pending?t._e():i(t.wrapper.component,t._b({tag:"component"},"component",t.wrapper.propsData,!1),[i(t.component.is,t._b({tag:"component",model:{value:t.model,callback:function(e){t.model=e},expression:"model"}},"component",t.component.propsData,!1),[i("div",[i("strong",[t._v(t._s(t.options.exposed_sorts_label))]),t._v(" "),i("ul",t._l(t.sorts,(function(e){return i("li",{key:e.id},[i("nuxt-link",{attrs:{to:t.sortBy(e)},nativeOn:{click:function(i){t.model=e.id}}},[t._v("\n "+t._s(e.expose.label)+"\n ")])],1)})),0)])])],1)},staticRenderFns:[]},undefined,{name:"DruxtViewsSorts",mixins:[r.DruxtComponentMixin],props:{options:{type:Object,default:function(){return{}}},sorts:{type:Array,default:function(){return[]}},type:{type:String,default:"basic"},value:{type:String,default:void 0}},data:function(){return{model:this.value}},watch:{model:function(){this.$emit("input",this.model)}},methods:{sortBy:function(t){return{query:Object.assign({},this.$route.query,{sort:t.id})}}},druxt:function(t){var e=t.vm;return{componentOptions:[[e.type],["default"]],propsData:{options:e.options,sorts:e.sorts,type:e.type}}}},undefined,false,undefined,!1,void 0,void 0,void 0),x=c({render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("DruxtView",t._b({},"DruxtView",t.route.props,!1))},staticRenderFns:[]},undefined,{mixins:[u.DruxtRouterMixin]},undefined,false,undefined,!1,void 0,void 0,void 0),_=c({render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return t.$fetchState.pending?t._e():i("div",[i("DruxtView",t._b({},"DruxtView",t.propsData,!1))],1)},staticRenderFns:[]},undefined,{name:"DruxtBlockViewsBlock",mixins:[a.DruxtBlocksBlockMixin],fetch:async function(){var t=await this.getCollection({type:"view--view",query:(new n.DrupalJsonApiParams).addFilter("drupal_internal__id",this.viewId).addFields("view--view",["id"])});this.uuid=t.data[0].id},data:function(){return{uuid:!1}},computed:{displayId:function(){return this.settings.id.match(/views_block\:(.*?)-(.*)/)[2]},propsData:function(){if(!this.uuid)return!1;this.settings.id.match(/views_block\:(.*?)-(.*)/);return{displayId:this.displayId,uuid:this.uuid,viewId:this.viewId}},viewId:function(){return this.settings.id.match(/views_block\:(.*?)-(.*)/)[1]}},methods:Object.assign({},o.mapActions({getCollection:"druxt/getCollection"}))},undefined,false,undefined,!1,void 0,void 0,void 0),w=Object.freeze({__proto__:null,DruxtView:f,DruxtViewsFilter:m,DruxtViewsFilters:y,DruxtViewsPager:v,DruxtViewsSorts:h,DruxtRouterView:x,DruxtBlockViewsBlock:_}),g={props:{filter:{type:Object,default:function(){return{}}},value:{type:[Array,Boolean,Number,String],default:void 0}},data:function(){return{model:this.value}},watch:{model:function(){this.$emit("input",this.model)}}},b={props:{filters:{type:Array,default:function(){return[]}},options:{type:Object,default:function(){return{}}},type:{type:String,default:"basic"},value:{type:Object,default:function(){return{}}}},data:function(){return{model:this.value}}},D={props:{count:{type:[Boolean,Number],default:!1},options:{type:Object,default:function(){return{}}},resource:{type:Object,default:function(){return{}}},type:{type:String,default:"none"},value:{type:Number,default:0}},data:function(){return{model:this.value}},watch:{model:function(){this.$emit("input",this.model)}}},V={props:{options:{type:Object,default:function(){return{}}},sorts:{type:Array,default:function(){return[]}},type:{type:String,default:"basic"},value:{type:String,default:void 0}},data:function(){return{model:this.value}},watch:{model:function(){this.$emit("input",this.model)}}},k={mixins:[d.DruxtEntityContextMixin],props:{count:{type:Number,require:!0},display:{type:Object,require:!0},mode:{type:[Boolean,String],default:"default"},pager:{type:Object,require:!0},results:{type:Array,require:!0},value:{type:Object,default:function(){return{page:null}}},view:{type:Object,require:!0}},data:function(){return{model:this.value}},watch:{model:function(){this.$emit("input",this.model)}}},O=Object.freeze({__proto__:null,DruxtViewsFilterMixin:g,DruxtViewsFiltersMixin:b,DruxtViewsPagerMixin:D,DruxtViewsSortsMixin:V,DruxtViewsViewMixin:k});return t.DruxtBlockViewsBlock=_,t.DruxtRouterView=x,t.DruxtView=f,t.DruxtViewsComponents=w,t.DruxtViewsFilter=m,t.DruxtViewsFilterMixin=g,t.DruxtViewsFilters=y,t.DruxtViewsFiltersMixin=b,t.DruxtViewsMixins=O,t.DruxtViewsPager=v,t.DruxtViewsPagerMixin=D,t.DruxtViewsSorts=h,t.DruxtViewsSortsMixin=V,t.DruxtViewsStore=function(t){var e=t.store;if(void 0===e)throw new TypeError("Vuex store not found.");var i="druxt/views",n={namespaced:!0,state:function(){return{results:{}}},mutations:{addResults:function(t,e){var i=e.results,n=e.viewId,r=e.displayId,s=e.hash;i&&n&&r&&s&&(t.results[n]||(t.results[n]={}),t.results[n][r]||(t.results[n][r]={}),t.results[n][r][s]=i)}},actions:{getResults:async function(t,e){var i=t.commit,n=t.state,r=e.viewId,s=e.displayId,o=e.query,u=o?l(this.$druxt.buildQueryUrl("",o)):"_default";if(void 0!==((n.results[r]||{})[s]||{})[u])return n.results[r][s][u];var a=await this.$druxt.getResource("views--"+r,s,o);return i("addResults",{results:a,viewId:r,displayId:s,hash:u}),a}}};e.registerModule(i,n,{preserveState:Boolean(e.state[i])})},t.DruxtViewsViewMixin=k,t.default=function(t){var i=this,n=this.options;if(void 0===this.options||!n.druxt)throw new TypeError("Druxt settings missing.");var r=["druxt","druxt-entity","druxt-schema"].filter((function(t){return!n.modules.includes(t)}));for(var s of r)this.addModule(s);this.addPlugin({src:e.resolve(__dirname,"../nuxt/plugin.js"),fileName:"druxt-views.js",options:n.druxt}),this.addPlugin({src:e.resolve(__dirname,"../nuxt/store.js"),fileName:"store/druxt-views.js",options:n.druxt}),n.store=!0,this.nuxt.hook("storybook:config",(async function(t){var e=t.stories;await p.call(i,{stories:e})}))},t}({},path,merge,drupalJsonapiParams,druxt,qs,vuex,druxtRouter,druxtBlocks,druxtEntity,md5);
var VueDrupalEntity=function(t,e,i,n,r,s,o,u,a,d,l){"use strict";async function p(t){var s=t.stories,o=this.addTemplate,u=this.options,a=new r.DruxtClient(u.druxt.baseUrl,u.druxt),d="view--view",l=(new n.DrupalJsonApiParams).addFilter("status",1).addFields(d,["display","description","drupal_internal__id","label"]),p=await a.getCollectionAll(d,l),c={};for(var f of p){var m=function(){var t=y.attributes,e=t.description,n=t.display,r=t.drupal_internal__id,s=t.label,o=Object.values(n).filter((function(t){var e="default"===t.id?t:i(n.default,t),r=e.display_options.display_extenders;return!(!Array.isArray(r)&&!(r.jsonapi_views||{}).enabled)&&e.display_options.row.type.startsWith("entity:")}));o.length&&(c[r]={description:e,displays:o,uuid:y.id,label:s})};for(var y of f.data)m()}for(var v of Object.keys(c)){var h=c[v],x=h.description,_=h.displays,w=h.label,g=h.uuid;_.sort((function(t){return"default"===t.id?-1:0}));var b=["Druxt Views",w].join("/");o({src:e.resolve(__dirname,"../nuxt/druxt-views.stories.js"),fileName:"stories/druxt-views."+v+".stories.js",options:{description:x,displays:_,title:b,uuid:g,viewId:v}})}s.push(e.resolve(u.buildDir,"./stories/druxt-views.*.stories.js"))}i=i&&Object.prototype.hasOwnProperty.call(i,"default")?i.default:i,l=l&&Object.prototype.hasOwnProperty.call(l,"default")?l.default:l;function c(t,e,i,n,r,s,o,u,a,d){"boolean"!=typeof o&&(a=u,u=o,o=!1);var l,p="function"==typeof i?i.options:i;if(t&&t.render&&(p.render=t.render,p.staticRenderFns=t.staticRenderFns,p._compiled=!0,r&&(p.functional=!0)),n&&(p._scopeId=n),s?(l=function(t){(t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),e&&e.call(this,a(t)),t&&t._registeredComponents&&t._registeredComponents.add(s)},p._ssrRegister=l):e&&(l=o?function(t){e.call(this,d(t,this.$root.$options.shadowRoot))}:function(t){e.call(this,u(t))}),l)if(p.functional){var c=p.render;p.render=function(t,e){return l.call(e),c(t,e)}}else{var f=p.beforeCreate;p.beforeCreate=f?[].concat(f,l):[l]}return i}var f=c({render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return!t.$fetchState.pending&&t.view&&t.resource?i(t.wrapper.component,t._b({tag:"component"},"component",t.wrapper.propsData,!1),[i(t.component.is,t._b({tag:"component",scopedSlots:t._u([{key:"header",fn:function(){return t._l(t.headers,(function(e){return i("span",{key:e.id,domProps:{innerHTML:t._s(e.content.value)}})}))},proxy:!0},t.filters?{key:"filters",fn:function(e){return[i("DruxtViewsFilters",t._b({attrs:{filters:t.filters},on:{input:t.onFiltersUpdate},model:{value:t.model.filter,callback:function(e){t.$set(t.model,"filter",e)},expression:"model.filter"}},"DruxtViewsFilters",Object.assign({},t.display.display_options.exposed_form,e),!1))]}}:null,t.showSorts?{key:"sorts",fn:function(e){return[i("DruxtViewsSorts",t._b({attrs:{sorts:t.sorts},model:{value:t.model.sort,callback:function(e){t.$set(t.model,"sort",e)},expression:"model.sort"}},"DruxtViewsSorts",Object.assign({},t.display.display_options.exposed_form,e),!1))]}}:null,t.attachments_before?{key:"attachments_before",fn:function(e){return t._l(t.attachments_before,(function(n){return i("DruxtView",t._b({key:n,attrs:{"display-id":n,type:t.type,uuid:t.uuid,"view-id":t.viewId}},"DruxtView",e,!1))}))}}:null,{key:"results",fn:function(e){return t._l(t.results,(function(n){return i("DruxtEntity",t._b({key:n.id},"DruxtEntity",Object.assign({},{type:n.type,uuid:n.id,mode:t.mode},e),!1))}))}},t.showPager?{key:"pager",fn:function(e){return[i("DruxtViewsPager",t._b({model:{value:t.model.page,callback:function(e){t.$set(t.model,"page",e)},expression:"model.page"}},"DruxtViewsPager",Object.assign({},{count:t.count},t.pager,{resource:t.resource},e),!1))]}}:null,t.attachments_after?{key:"attachments_after",fn:function(e){return t._l(t.attachments_after,(function(n){return i("DruxtView",t._b({key:n,attrs:{"display-id":n,type:t.type,uuid:t.uuid,"view-id":t.viewId}},"DruxtView",e,!1))}))}}:null],null,!0),model:{value:t.model,callback:function(e){t.model=e},expression:"model"}},"component",t.component.propsData,!1),[t._v(" "),t._v(" "),t._v(" "),t._v(" "),t._v(" "),t._v(" "),t._v(" "),[t._l(t.headers,(function(e){return i("span",{key:e.id,domProps:{innerHTML:t._s(e.content.value)}})})),t._v(" "),i("DruxtViewsFilters",t._b({attrs:{filters:t.filters},on:{input:t.onFiltersUpdate},model:{value:t.model.filter,callback:function(e){t.$set(t.model,"filter",e)},expression:"model.filter"}},"DruxtViewsFilters",t.display.display_options.exposed_form,!1)),t._v(" "),t.showSorts?i("DruxtViewsSorts",t._b({attrs:{sorts:t.sorts},model:{value:t.model.sort,callback:function(e){t.$set(t.model,"sort",e)},expression:"model.sort"}},"DruxtViewsSorts",t.display.display_options.exposed_form,!1)):t._e(),t._v(" "),t.attachments_before?i("div",t._l(t.attachments_before,(function(e){return i("DruxtView",{key:e,attrs:{"display-id":e,type:t.type,uuid:t.uuid,"view-id":t.viewId}})})),1):t._e(),t._v(" "),t._l(t.results,(function(e){return i("DruxtEntity",t._b({key:e.id},"DruxtEntity",{type:e.type,uuid:e.id,mode:t.mode},!1))})),t._v(" "),t.attachments_after?i("div",t._l(t.attachments_after,(function(e){return i("DruxtView",{key:e,attrs:{"display-id":e,type:t.type,uuid:t.uuid,"view-id":t.viewId}})})),1):t._e(),t._v(" "),t.showPager?i("DruxtViewsPager",t._b({model:{value:t.model.page,callback:function(e){t.$set(t.model,"page",e)},expression:"model.page"}},"DruxtViewsPager",Object.assign({},{count:t.count},t.pager,{resource:t.resource}),!1)):t._e()]],2)],1):t._e()},staticRenderFns:[]},undefined,{name:"DruxtView",mixins:[r.DruxtComponentMixin],props:{displayId:{type:String,default:"default"},type:{type:String,default:"view--view"},uuid:{type:String,required:!0},viewId:{type:String,required:!0}},fetch:async function(){this.view||(this.view=await this.getResource({type:this.type,id:this.uuid})),this.resource=await this.getResults({viewId:this.viewId,displayId:this.displayId,query:s.stringify(this.query)}),await r.DruxtComponentMixin.fetch.call(this)},data:function(){var t=s.parse(s.stringify(this.$route.query));return{model:{filter:t.filter||{},page:parseInt(t.page)||null,sort:t.sort||null},resource:null,view:!1}},computed:{attachments_after:function(){var t=this;if(!(((this.view||{}).data||{}).attributes||{}).display)return!1;var e=this.view.data.attributes.display;return Object.keys(e).filter((function(i){return"attachment"===e[i].display_plugin&&"after"===e[i].display_options.attachment_position&&void 0!==e[i].display_options.displays[t.displayId]}))},attachments_before:function(){var t=this;if(!(((this.view||{}).data||{}).attributes||{}).display)return!1;var e=this.view.data.attributes.display;return Object.keys(e).filter((function(i){return"attachment"===e[i].display_plugin&&"before"===e[i].display_options.attachment_position&&void 0!==e[i].display_options.displays[t.displayId]}))},count:function(){return parseInt(((this.resource||{}).meta||{}).count)||0},display:function(){return!!(((this.view||{}).data||{}).attributes||{}).display&&("default"===this.display_id?this.view.data.attributes.display[this.display_id]:i(this.view.data.attributes.display.default,this.view.data.attributes.display[this.displayId]))},filters:function(){return Object.values(((this.display||{}).display_options||{}).filters||{}).filter((function(t){return t.exposed}))},headers:function(){return this.display?this.display.display_options.header:[]},mode:function(){return!!this.display&&(!!this.display.display_options.row.type.includes("entity:")&&((this.display.display_options.row.options||{}).view_mode||"default"))},pager:function(){return((this.display||{}).display_options||{}).pager||!1},query:function(){var t={};return this.model.page&&(t.page=this.model.page),Object.entries(this.model.filter||{}).length&&(t["views-filter"]=this.model.filter),this.model.sort&&(t["views-sort[sort_by]"]=this.model.sort),t},results:function(){return(this.resource||{}).data||[]},showPager:function(){return this.pager.type&&"none"!==this.pager.type},showSorts:function(){return!(!((((this.display||{}).display_options||{}).exposed_form||{}).options||{}).expose_sort_order||!this.sorts.length)},sorts:function(){return Object.values(((this.display||{}).display_options||{}).sorts||{}).filter((function(t){return t.exposed}))}},watch:{"$route.query":async function(t,e){Object.entries(t).length||(this.model={filter:null,page:null,sort:null},await this.$fetch)},displayId:async function(){await this.$fetch()},query:async function(t,e){await this.$fetch()},uuid:async function(){await this.$fetch()}},methods:Object.assign({},{onFiltersUpdate:function(){this.model.page=null,this.model.sort=null}},o.mapActions({getResource:"druxt/getResource",getResults:"druxt/views/getResults"})),druxt:function(t){var e=t.vm;return{componentOptions:[[e.viewId,e.displayId]],propsData:{count:e.count,display:e.display,mode:e.mode,pager:e.pager,results:e.results,view:e.view}}}},undefined,false,undefined,!1,void 0,void 0,void 0),m=c({render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return t.$fetchState.pending?t._e():i(t.wrapper.component,t._b({tag:"component"},"component",t.wrapper.propsData,!1),[i(t.component.is,t._b({tag:"component",model:{value:t.model,callback:function(e){t.model=e},expression:"model"}},"component",t.component.propsData,!1))],1)},staticRenderFns:[]},undefined,{name:"DruxtViewsFilter",mixins:[r.DruxtComponentMixin],props:{filter:{type:Object,required:!0},value:{type:[Array,Number,String],default:void 0}},data:function(){return{model:this.value}},watch:{model:function(){this.$emit("input",this.model)}},druxt:function(t){var e=t.vm;return{componentOptions:[[e.filter.id],[e.filter.plugin_id,e.filter.id],["default"]],propsData:{filter:e.filter}}}},undefined,false,undefined,!1,void 0,void 0,void 0),y=c({},undefined,{name:"DruxtViewsFilters",mixins:[r.DruxtComponentMixin],props:{filters:{type:Array,required:!0},options:{type:Object,default:function(){return{}}},type:{type:String,default:"basic"},value:{type:Object,default:function(){return{}}}},data:function(){return{model:Object.assign({},this.value)}},watch:{model:{deep:!0,handler:function(){"DruxtWrapper"===this.component.is&&this.$emit("input",this.model)}}},druxt:function(t){var e=t.vm;return{componentOptions:[[e.type],["default"]],propsData:{options:e.options,filters:e.filters,type:e.type}}},render:function(t){var e=this,i={class:this.wrapper.class||void 0,style:this.wrapper.style||void 0,props:this.wrapper.propsData},n={};return this.filters.map((function(i){n[i.expose.identifier]=function(n){return t("DruxtViewsFilter",{attrs:Object.assign({},n,e.$attrs),props:{filter:i,value:e.model[i.expose.identifier]},on:{input:function(t){var n;e.model=Object.assign({},e.model,((n={})[i.expose.identifier]=t,n))}}})}})),n.default=function(t){return e.filters.map((function(e){return n[e.expose.identifier](t)}))},t(this.wrapper.component,i,[t(this.component.is,{attrs:this.$attrs,props:Object.assign({},this.component.propsData,{value:this.model}),scopedSlots:n,on:{input:function(t){e.model=t,e.$emit("input",e.model)}}})])}},undefined,undefined,undefined,!1,void 0,void 0,void 0),v=c({render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return t.$fetchState.pending?t._e():i(t.wrapper.component,t._b({tag:"component"},"component",t.wrapper.propsData,!1),[i(t.component.is,t._b({tag:"component",model:{value:t.model,callback:function(e){t.model=e},expression:"model"}},"component",t.component.propsData,!1),[i("ul",[t.resource.links.prev?i("li",[i("nuxt-link",{attrs:{to:t.getRoute(t.resource.links.prev)},nativeOn:{click:function(e){return t.setPage(t.resource.links.prev)}}},[t._v("\n "+t._s(t.options.tags.previous)+"\n ")])],1):t._e(),t._v(" "),t.resource.links.next?i("li",[i("nuxt-link",{attrs:{to:t.getRoute(t.resource.links.next)},nativeOn:{click:function(e){return t.setPage(t.resource.links.next)}}},[t._v("\n "+t._s(t.options.tags.next)+"\n ")])],1):t._e()])])],1)},staticRenderFns:[]},undefined,{name:"DruxtViewsPager",mixins:[r.DruxtComponentMixin],props:{count:{type:[Boolean,Number],default:!1},options:{type:Object,default:function(){return{}}},resource:{type:Object,default:function(){return{}}},type:{type:String,default:"none"},value:{type:Number,default:0}},data:function(){return{model:this.value}},watch:{model:function(){this.$emit("input",this.model)}},methods:{getQuery:function(t){var e=Object.fromEntries(new URLSearchParams(t.href.split("?")[1]));return"string"==typeof e.page&&(e.page=parseInt(e.page)),e},getRoute:function(t){var e=this.getQuery(t);return{query:Object.assign({},this.$route.query,{page:e.page})}},setPage:function(t){var e=this.getQuery(t);this.model=e.page}},druxt:function(t){var e=t.vm;return{componentOptions:[[e.type],["default"]],propsData:{count:parseInt(e.count),options:e.options,resource:e.resource,type:e.type}}}},undefined,false,undefined,!1,void 0,void 0,void 0),h=c({render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return t.$fetchState.pending?t._e():i(t.wrapper.component,t._b({tag:"component"},"component",t.wrapper.propsData,!1),[i(t.component.is,t._b({tag:"component",model:{value:t.model,callback:function(e){t.model=e},expression:"model"}},"component",t.component.propsData,!1),[i("div",[i("strong",[t._v(t._s(t.options.exposed_sorts_label))]),t._v(" "),i("ul",t._l(t.sorts,(function(e){return i("li",{key:e.id},[i("nuxt-link",{attrs:{to:t.sortBy(e)},nativeOn:{click:function(i){t.model=e.id}}},[t._v("\n "+t._s(e.expose.label)+"\n ")])],1)})),0)])])],1)},staticRenderFns:[]},undefined,{name:"DruxtViewsSorts",mixins:[r.DruxtComponentMixin],props:{options:{type:Object,default:function(){return{}}},sorts:{type:Array,default:function(){return[]}},type:{type:String,default:"basic"},value:{type:String,default:void 0}},data:function(){return{model:this.value}},watch:{model:function(){this.$emit("input",this.model)}},methods:{sortBy:function(t){return{query:Object.assign({},this.$route.query,{sort:t.id})}}},druxt:function(t){var e=t.vm;return{componentOptions:[[e.type],["default"]],propsData:{options:e.options,sorts:e.sorts,type:e.type}}}},undefined,false,undefined,!1,void 0,void 0,void 0),x=c({render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("DruxtView",t._b({},"DruxtView",t.route.props,!1))},staticRenderFns:[]},undefined,{mixins:[u.DruxtRouterMixin]},undefined,false,undefined,!1,void 0,void 0,void 0),_=c({render:function(){var t=this,e=t.$createElement,i=t._self._c||e;return t.$fetchState.pending?t._e():i("div",[i("DruxtView",t._b({},"DruxtView",t.propsData,!1))],1)},staticRenderFns:[]},undefined,{name:"DruxtBlockViewsBlock",mixins:[a.DruxtBlocksBlockMixin],fetch:async function(){var t=await this.getCollection({type:"view--view",query:(new n.DrupalJsonApiParams).addFilter("drupal_internal__id",this.viewId).addFields("view--view",["id"])});this.uuid=t.data[0].id},data:function(){return{uuid:!1}},computed:{displayId:function(){return this.settings.id.match(/views_block\:(.*?)-(.*)/)[2]},propsData:function(){if(!this.uuid)return!1;this.settings.id.match(/views_block\:(.*?)-(.*)/);return{displayId:this.displayId,uuid:this.uuid,viewId:this.viewId}},viewId:function(){return this.settings.id.match(/views_block\:(.*?)-(.*)/)[1]}},methods:Object.assign({},o.mapActions({getCollection:"druxt/getCollection"}))},undefined,false,undefined,!1,void 0,void 0,void 0),w=Object.freeze({__proto__:null,DruxtView:f,DruxtViewsFilter:m,DruxtViewsFilters:y,DruxtViewsPager:v,DruxtViewsSorts:h,DruxtRouterView:x,DruxtBlockViewsBlock:_}),g={props:{filter:{type:Object,default:function(){return{}}},value:{type:[Array,Boolean,Number,String],default:void 0}},data:function(){return{model:this.value}},watch:{model:function(){this.$emit("input",this.model)}}},b={props:{filters:{type:Array,default:function(){return[]}},options:{type:Object,default:function(){return{}}},type:{type:String,default:"basic"},value:{type:Object,default:function(){return{}}}},data:function(){return{model:this.value}}},D={props:{count:{type:[Boolean,Number],default:!1},options:{type:Object,default:function(){return{}}},resource:{type:Object,default:function(){return{}}},type:{type:String,default:"none"},value:{type:Number,default:0}},data:function(){return{model:this.value}},watch:{model:function(){this.$emit("input",this.model)}}},V={props:{options:{type:Object,default:function(){return{}}},sorts:{type:Array,default:function(){return[]}},type:{type:String,default:"basic"},value:{type:String,default:void 0}},data:function(){return{model:this.value}},watch:{model:function(){this.$emit("input",this.model)}}},k={mixins:[d.DruxtEntityContextMixin],props:{count:{type:Number,require:!0},display:{type:Object,require:!0},mode:{type:[Boolean,String],default:"default"},pager:{type:Object,require:!0},results:{type:Array,require:!0},value:{type:Object,default:function(){return{page:null}}},view:{type:Object,require:!0}},data:function(){return{model:this.value}},watch:{model:function(){this.$emit("input",this.model)}}},O=Object.freeze({__proto__:null,DruxtViewsFilterMixin:g,DruxtViewsFiltersMixin:b,DruxtViewsPagerMixin:D,DruxtViewsSortsMixin:V,DruxtViewsViewMixin:k});return t.DruxtBlockViewsBlock=_,t.DruxtRouterView=x,t.DruxtView=f,t.DruxtViewsComponents=w,t.DruxtViewsFilter=m,t.DruxtViewsFilterMixin=g,t.DruxtViewsFilters=y,t.DruxtViewsFiltersMixin=b,t.DruxtViewsMixins=O,t.DruxtViewsPager=v,t.DruxtViewsPagerMixin=D,t.DruxtViewsSorts=h,t.DruxtViewsSortsMixin=V,t.DruxtViewsStore=function(t){var e=t.store;if(void 0===e)throw new TypeError("Vuex store not found.");var i="druxt/views",n={namespaced:!0,state:function(){return{results:{}}},mutations:{addResults:function(t,e){var i=e.results,n=e.viewId,r=e.displayId,s=e.hash;i&&n&&r&&s&&(t.results[n]||(t.results[n]={}),t.results[n][r]||(t.results[n][r]={}),t.results[n][r][s]=i)}},actions:{getResults:async function(t,e){var i=t.commit,n=t.state,r=e.viewId,s=e.displayId,o=e.query,u=o?l(this.$druxt.buildQueryUrl("",o)):"_default";if(void 0!==((n.results[r]||{})[s]||{})[u])return n.results[r][s][u];var a=await this.$druxt.getResource("views--"+r,s,o);return i("addResults",{results:a,viewId:r,displayId:s,hash:u}),a}}};e.registerModule(i,n,{preserveState:Boolean(e.state[i])})},t.DruxtViewsViewMixin=k,t.default=function(t){var i=this,n=this.options;if(void 0===this.options||!n.druxt)throw new TypeError("Druxt settings missing.");var r=["druxt","druxt-entity","druxt-schema"].filter((function(t){return!n.modules.includes(t)}));for(var s of r)this.addModule(s);this.addPlugin({src:e.resolve(__dirname,"../nuxt/plugin.js"),fileName:"druxt-views.js",options:n.druxt}),this.addPlugin({src:e.resolve(__dirname,"../nuxt/store.js"),fileName:"store/druxt-views.js",options:n.druxt}),n.store=!0,this.nuxt.hook("storybook:config",(async function(t){var e=t.stories;await p.call(i,{stories:e})}))},t}({},path,merge,drupalJsonapiParams,druxt,qs,vuex,druxtRouter,druxtBlocks,druxtEntity,md5);

@@ -40,3 +40,5 @@ 'use strict';Object.defineProperty(exports,'__esModule',{value:true});function _interopDefault(e){return(e&&(typeof e==='object')&&'default'in e)?e['default']:e}var path=require('path'),merge=_interopDefault(require('deepmerge')),drupalJsonapiParams=require('drupal-jsonapi-params'),druxt=require('druxt'),qs=require('qs'),vuex=require('vuex'),druxtRouter=require('druxt-router'),druxtBlocks=require('druxt-blocks'),druxtEntity=require('druxt-entity'),md5=_interopDefault(require('md5'));async function DruxtViewsStorybook (ref) {

views[drupal_internal_id] = { description: description, displays: displays, uuid: view.id, label: label };
if (displays.length) {
views[drupal_internal_id] = { description: description, displays: displays, uuid: view.id, label: label };
}
};

@@ -43,0 +45,0 @@

import { default as DruxtView } from 'druxt-views/src/components/DruxtView.vue'
export default {
title: '<%= options.title %>',
title: <%= devalue(options.title) %>,
component: DruxtView,

@@ -17,3 +17,3 @@ argTypes: {

description: {
component: '<%= options.description || " " %>'
component: <%= options.description ? devalue(options.description) : '" "' %>
}

@@ -20,0 +20,0 @@ }

{
"name": "druxt-views",
"version": "0.8.2",
"version": "0.8.3",
"description": "Drupal Views Vue.js components for Nuxt.js",

@@ -38,3 +38,3 @@ "repository": {

"nuxt",
"src/components/**/*.vue"
"src/components/*.vue"
],

@@ -41,0 +41,0 @@ "scripts": {

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc