directus-extension-display-link - npm Package Compare versions

Comparing version 1.3.0 to 1.4.0

dist/index.js

@@ -1,1 +0,1 @@
-import{defineDisplay as e}from"@directus/extensions-sdk";import{defineComponent as t,resolveComponent as i,openBlock as n,createElementBlock as a,createElementVNode as l,withModifiers as o,createVNode as f,Fragment as s,createTextVNode as r,toDisplayString as u,createCommentVNode as p}from"vue";var d=t({props:{hideValue:{type:Boolean,default:!1},icon:{type:String,default:"open_in_new"},value:{type:String,default:null},showPrefix:{type:Boolean,default:!1},showSuffix:{type:Boolean,default:!1},prefix:{type:String,default:""},suffix:{type:String,default:""}},setup(e){const t=`${e.prefix||""}${e.value}${e.suffix||""}`,i=e.showPrefix?e.prefix:"",n=e.showSuffix?e.suffix:"";return{href:t,url:`${i}${e.value}${n}`}}});const c=["href"];var h=[],m=[];!function(e,t){if(e&&"undefined"!=typeof document){var i,n=!0===t.prepend?"prepend":"append",a=!0===t.singleTag,l="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(a){var o=h.indexOf(l);-1===o&&(o=h.push(l)-1,m[o]={}),i=m[o]&&m[o][n]?m[o][n]:m[o][n]=f()}else i=f();65279===e.charCodeAt(0)&&(e=e.substring(1)),i.styleSheet?i.styleSheet.cssText+=e:i.appendChild(document.createTextNode(e))}function f(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var i=Object.keys(t.attributes),a=0;a<i.length;a++)e.setAttribute(i[a],t.attributes[i[a]]);var o="prepend"===n?"afterbegin":"beforeend";return l.insertAdjacentElement(o,e),e}}("\n.extension-display-link__icon:hover {\n  --v-icon-color: var(--primary);\n}\n",{}),d.render=function(e,t,d,h,m,y){const v=i("v-icon");return n(),a("div",null,[l("a",{href:e.href,target:"_blank",onClick:t[0]||(t[0]=o((()=>{}),["stop"]))},[f(v,{class:"extension-display-link__icon",name:e.icon,left:""},null,8,["name"])],8,c),e.hideValue?p("v-if",!0):(n(),a(s,{key:0},[r(u(e.url),1)],2112))])},d.__file="src/display.vue";var y=e({id:"extension-display-link",name:"Link",icon:"open_in_new",description:"Display URLs with an open in new tab icon link",component:d,options:[{field:"hideValue",name:"Hide URL",type:"boolean",meta:{interface:"boolean",width:"half",options:{label:"Just display the icon"}},schema:{default_value:!1}},{field:"icon",name:"$t:displays.formatted-value.icon",type:"string",meta:{width:"half",interface:"select-icon"},schema:{default_value:"open_in_new"}},{field:"showPrefix",name:"Show prefix",type:"boolean",meta:{interface:"boolean",width:"half",options:{label:"Display prefix in view"}},schema:{default_value:!1}},{field:"showSuffix",name:"Show suffix",type:"boolean",meta:{interface:"boolean",width:"half",options:{label:"Display suffix in view"}},schema:{default_value:!1}},{field:"prefix",name:"$t:displays.formatted-value.prefix",type:"string",meta:{width:"full",interface:"input",options:{label:"$t:displays.formatted-value.prefix_label",placeholder:"https://",trim:!0}},schema:{default_value:""}},{field:"suffix",name:"$t:displays.formatted-value.suffix",type:"string",meta:{width:"full",interface:"input",options:{label:"$t:displays.formatted-value.suffix_label",trim:!0}},schema:{default_value:""}}],types:["string","text"]});export{y as default};
+import{defineDisplay as e}from"@directus/extensions-sdk";import{defineComponent as t,resolveComponent as i,openBlock as a,createElementBlock as n,createElementVNode as l,withModifiers as o,createVNode as r,Fragment as f,createTextVNode as s,toDisplayString as u,createCommentVNode as d}from"vue";const p={url:"",email:"mailto:",tel:"tel:"};var c=t({props:{kind:{type:String,default:"url"},hideValue:{type:Boolean,default:!1},icon:{type:String,default:"open_in_new"},value:{type:String,default:null},showPrefix:{type:Boolean,default:!1},showSuffix:{type:Boolean,default:!1},prefix:{type:String,default:""},suffix:{type:String,default:""}},setup(e){const t=`${e.prefix||""}${e.value}${e.suffix||""}`,i=e.showPrefix?e.prefix:"",a=e.showSuffix?e.suffix:"";return{href:`${p[e.kind]}${t}`,url:`${i}${e.value}${a}`}}});const m=["href"];var h=[],y=[];!function(e,t){if(e&&"undefined"!=typeof document){var i,a=!0===t.prepend?"prepend":"append",n=!0===t.singleTag,l="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(n){var o=h.indexOf(l);-1===o&&(o=h.push(l)-1,y[o]={}),i=y[o]&&y[o][a]?y[o][a]:y[o][a]=r()}else i=r();65279===e.charCodeAt(0)&&(e=e.substring(1)),i.styleSheet?i.styleSheet.cssText+=e:i.appendChild(document.createTextNode(e))}function r(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var i=Object.keys(t.attributes),n=0;n<i.length;n++)e.setAttribute(i[n],t.attributes[i[n]]);var o="prepend"===a?"afterbegin":"beforeend";return l.insertAdjacentElement(o,e),e}}("\n.extension-display-link__icon:hover {\n  --v-icon-color: var(--primary);\n}\n",{}),c.render=function(e,t,p,c,h,y){const v=i("v-icon");return a(),n("div",null,[l("a",{href:e.href,target:"_blank",onClick:t[0]||(t[0]=o((()=>{}),["stop"]))},[r(v,{class:"extension-display-link__icon",name:e.icon,left:""},null,8,["name"])],8,m),e.hideValue?d("v-if",!0):(a(),n(f,{key:0},[s(u(e.url),1)],2112))])},c.__file="src/display.vue";var v=e({id:"extension-display-link",name:"Link",icon:"open_in_new",description:"Display URLs with an open in new tab icon link",component:c,options:[{field:"kind",name:"Type",meta:{width:"full",interface:"select-dropdown",options:{choices:[{text:"URL",value:"url"},{text:"Telephone",value:"tel"},{text:"Email",value:"email"}]}},schema:{default_value:"url"}},{field:"hideValue",name:"Hide URL",type:"boolean",meta:{interface:"boolean",width:"half",options:{label:"Just display the icon"}},schema:{default_value:!1}},{field:"icon",name:"$t:displays.formatted-value.icon",type:"string",meta:{width:"half",interface:"select-icon"},schema:{default_value:"open_in_new"}},{field:"showPrefix",name:"Show prefix",type:"boolean",meta:{interface:"boolean",width:"half",options:{label:"Display prefix in view"}},schema:{default_value:!1}},{field:"showSuffix",name:"Show suffix",type:"boolean",meta:{interface:"boolean",width:"half",options:{label:"Display suffix in view"}},schema:{default_value:!1}},{field:"prefix",name:"$t:displays.formatted-value.prefix",type:"string",meta:{width:"half",interface:"input",options:{label:"$t:displays.formatted-value.prefix_label",placeholder:"https://",trim:!0}},schema:{default_value:""}},{field:"suffix",name:"$t:displays.formatted-value.suffix",type:"string",meta:{width:"half",interface:"input",options:{label:"$t:displays.formatted-value.suffix_label",trim:!0}},schema:{default_value:""}}],types:["string","text"]});export{v as default};

package.json

 {
   "name": "directus-extension-display-link",
   "description": "Display URLs with an open in new tab icon link in Directus 9",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "author": "Jacobo Tabernero Rey <[e-mail]>",
@@ -6,0 +6,0 @@ "keywords": [

src/index.ts

@@ -12,2 +12,29 @@ import { defineDisplay } from "@directus/extensions-sdk";
     {
+      field: "kind",
+      name: "Type",
+      meta: {
+        width: "full",
+        interface: "select-dropdown",
+        options: {
+          choices: [
+            {
+              text: "URL",
+              value: "url",
+            },
+            {
+              text: "Telephone",
+              value: "tel",
+            },
+            {
+              text: "Email",
+              value: "email",
+            },
+          ],
+        },
+      },
+      schema: {
+        default_value: "url",
+      },
+    },
+    {
       field: "hideValue",
@@ -74,3 +101,3 @@ name: "Hide URL",
       meta: {
-        width: "full",
+        width: "half",
         interface: "input",
@@ -92,3 +119,3 @@ options: {
       meta: {
-        width: "full",
+        width: "half",
         interface: "input",
@@ -95,0 +122,0 @@ options: {

No alert changes

Improved metrics

Total package byte prevSize

45130

increased by4.96%

Lines of code

176

increased by18.92%

No dependency changes