@data-fair/app-calendar 1.0.0

package/dist/assets/router-y7A7WVJP.js

@@ -0,0 +1 @@
+import{aS as w,r as O,q as v,B as c,F as K,aP as M,c as i,u as N,aY as ee,v as q,aZ as te,Z as ae,s as ne,a_ as se,aa as oe,e as le,Q as X,O as re,a0 as ie,X as ue,x as ce,Y as de,ai as fe,al as _,a2 as ve,aI as E,U as j,A as ge,aj as d,L as me,a$ as be,b0 as F,_ as I,W as he,ab as U,n as ye,a as Ce}from"./index-CAAiDM5V.js";const Y=["top","bottom"],ke=["start","end","left","right"];function Se(e,t){let[a,n]=e.split(" ");return n||(n=w(Y,a)?"start":w(ke,a)?"top":"center"),{side:A(a,t),align:A(n,t)}}function A(e,t){return e==="start"?t?"right":"left":e==="end"?t?"left":"right":e}function Te(e){return{side:{center:"center",top:"bottom",bottom:"top",left:"right",right:"left"}[e.side],align:e.align}}function $e(e){return{side:e.side,align:{center:"center",top:"bottom",bottom:"top",left:"right",right:"left"}[e.align]}}function Ne(e){return{side:e.align,align:e.side}}function Ee(e){return w(Y,e.side)?"y":"x"}const Fe=O(!1),Ie=O(""),pe=v({tag:{type:String,default:"div"}},"tag"),Pe=["elevated","flat","tonal","outlined","text","plain"];function Ae(e,t){return c(K,null,[e&&c("span",{key:"overlay",class:`${t}__overlay`},null),c("span",{key:"underlay",class:`${t}__underlay`},null)])}const De=v({color:String,variant:{type:String,default:"elevated",validator:e=>Pe.includes(e)}},"variant");function Me(e){let t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:M();const a=i(()=>{const{variant:s}=N(e);return`${t}--variant-${s}`}),{colorClasses:n,colorStyles:u}=ee(i(()=>{const{variant:s,color:l}=N(e);return{[["elevated","flat"].includes(s)?"background":"text"]:l}}));return{colorClasses:n,colorStyles:u,variantClasses:a}}const xe=v({defaults:Object,disabled:Boolean,reset:[Number,String],root:[Boolean,String],scoped:Boolean},"VDefaultsProvider"),qe=q(!1)({name:"VDefaultsProvider",props:xe(),setup(e,t){let{slots:a}=t;const{defaults:n,disabled:u,reset:s,root:l,scoped:r}=te(e);return ae(n,{reset:s,root:l,scoped:r,disabled:u}),()=>{var o;return(o=a.default)==null?void 0:o.call(a)}}});function Be(e,t){const a=O(),n=ne(!1);if(se){const u=new IntersectionObserver(s=>{n.value=!!s.find(l=>l.isIntersecting)},t);oe(()=>{u.disconnect()}),le(a,(s,l)=>{l&&(u.unobserve(l),n.value=!1),s&&u.observe(s)},{flush:"post"})}return{intersectionRef:a,isIntersecting:n}}const D={center:"center",top:"bottom",bottom:"top",left:"right",right:"left"},Re=v({location:String},"location");function _e(e){let t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!1,a=arguments.length>2?arguments[2]:void 0;const{isRtl:n}=X();return{locationStyles:i(()=>{if(!e.location)return{};const{side:s,align:l}=Se(e.location.split(" ").length>1?e.location:`${e.location} center`,n.value);function r(g){return a?a(g):0}const o={};return s!=="center"&&(t?o[D[s]]=`calc(100% - ${r(s)}px)`:o[s]=0),l!=="center"?t?o[D[l]]=`calc(100% - ${r(l)}px)`:o[l]=0:(s==="center"?o.top=o.left="50%":o[{top:"left",bottom:"left",left:"top",right:"top"}[s]]="50%",o.transform={top:"translateX(-50%)",bottom:"translateX(-50%)",left:"translateY(-50%)",right:"translateY(-50%)",center:"translate(-50%, -50%)"}[s]),o})}}const Ve=v({absolute:Boolean,active:{type:Boolean,default:!0},bgColor:String,bgOpacity:[Number,String],bufferValue:{type:[Number,String],default:0},bufferColor:String,bufferOpacity:[Number,String],clickable:Boolean,color:String,height:{type:[Number,String],default:4},indeterminate:Boolean,max:{type:[Number,String],default:100},modelValue:{type:[Number,String],default:0},opacity:[Number,String],reverse:Boolean,stream:Boolean,striped:Boolean,roundedBar:Boolean,...re(),...Re({location:"top"}),...ie(),...pe(),...ue()},"VProgressLinear"),Xe=q()({name:"VProgressLinear",props:Ve(),emits:{"update:modelValue":e=>!0},setup(e,t){var $;let{slots:a}=t;const n=ce(e,"modelValue"),{isRtl:u,rtlClasses:s}=X(),{themeClasses:l}=de(e),{locationStyles:r}=_e(e),{textColorClasses:o,textColorStyles:g}=fe(e,"color"),{backgroundColorClasses:h,backgroundColorStyles:f}=_(i(()=>e.bgColor||e.color)),{backgroundColorClasses:y,backgroundColorStyles:C}=_(i(()=>e.bufferColor||e.bgColor||e.color)),{backgroundColorClasses:L,backgroundColorStyles:T}=_(e,"color"),{roundedClasses:z}=ve(e),{intersectionRef:p,isIntersecting:W}=Be(),P=i(()=>parseFloat(e.max)),m=i(()=>parseFloat(e.height)),x=i(()=>E(parseFloat(e.bufferValue)/P.value*100,0,100)),B=i(()=>E(parseFloat(n.value)/P.value*100,0,100)),k=i(()=>u.value!==e.reverse),Z=i(()=>e.indeterminate?"fade-transition":"slide-x-transition"),S=j&&(($=window.matchMedia)==null?void 0:$.call(window,"(forced-colors: active)").matches);function Q(b){if(!p.value)return;const{left:G,right:H,width:R}=p.value.getBoundingClientRect(),J=k.value?R-b.clientX+(H-R):b.clientX-G;n.value=Math.round(J/R*P.value)}return ge(()=>c(e.tag,{ref:p,class:["v-progress-linear",{"v-progress-linear--absolute":e.absolute,"v-progress-linear--active":e.active&&W.value,"v-progress-linear--reverse":k.value,"v-progress-linear--rounded":e.rounded,"v-progress-linear--rounded-bar":e.roundedBar,"v-progress-linear--striped":e.striped},z.value,l.value,s.value,e.class],style:[{bottom:e.location==="bottom"?0:void 0,top:e.location==="top"?0:void 0,height:e.active?d(m.value):0,"--v-progress-linear-height":d(m.value),...e.absolute?r.value:{}},e.style],role:"progressbar","aria-hidden":e.active?"false":"true","aria-valuemin":"0","aria-valuemax":e.max,"aria-valuenow":e.indeterminate?void 0:B.value,onClick:e.clickable&&Q},{default:()=>[e.stream&&c("div",{key:"stream",class:["v-progress-linear__stream",o.value],style:{...g.value,[k.value?"left":"right"]:d(-m.value),borderTop:`${d(m.value/2)} dotted`,opacity:parseFloat(e.bufferOpacity),top:`calc(50% - ${d(m.value/4)})`,width:d(100-x.value,"%"),"--v-progress-linear-stream-to":d(m.value*(k.value?1:-1))}},null),c("div",{class:["v-progress-linear__background",S?void 0:h.value],style:[f.value,{opacity:parseFloat(e.bgOpacity),width:e.stream?0:void 0}]},null),c("div",{class:["v-progress-linear__buffer",S?void 0:y.value],style:[C.value,{opacity:parseFloat(e.bufferOpacity),width:d(x.value,"%")}]},null),c(me,{name:Z.value},{default:()=>[e.indeterminate?c("div",{class:"v-progress-linear__indeterminate"},[["long","short"].map(b=>c("div",{key:b,class:["v-progress-linear__indeterminate",b,S?void 0:L.value],style:T.value},null))]):c("div",{class:["v-progress-linear__determinate",S?void 0:L.value],style:[T.value,{width:d(B.value,"%")}]},null)]}),a.default&&c("div",{class:"v-progress-linear__content"},[a.default({value:B.value,buffer:x.value})])]})),{}}}),we=["static","relative","fixed","absolute","sticky"],je=v({position:{type:String,validator:e=>we.includes(e)}},"position");function Ue(e){let t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:M();return{positionClasses:i(()=>e.position?`${t}--${e.position}`:void 0)}}function Oe(){const e=U("useRoute");return i(()=>{var t;return(t=e==null?void 0:e.proxy)==null?void 0:t.$route})}function Ye(){var e,t;return(t=(e=U("useRouter"))==null?void 0:e.proxy)==null?void 0:t.$router}function ze(e,t){var g,h;const a=be("RouterLink"),n=i(()=>!!(e.href||e.to)),u=i(()=>(n==null?void 0:n.value)||F(t,"click")||F(e,"click"));if(typeof a=="string"||!("useLink"in a))return{isLink:n,isClickable:u,href:I(e,"href")};const s=i(()=>({...e,to:I(()=>e.to||"")})),l=a.useLink(s.value),r=i(()=>e.to?l:void 0),o=Oe();return{isLink:n,isClickable:u,route:(g=r.value)==null?void 0:g.route,navigate:(h=r.value)==null?void 0:h.navigate,isActive:i(()=>{var f,y,C;return r.value?e.exact?o.value?((C=r.value.isExactActive)==null?void 0:C.value)&&he(r.value.route.value.query,o.value.query):((y=r.value.isExactActive)==null?void 0:y.value)??!1:((f=r.value.isActive)==null?void 0:f.value)??!1:!1}),href:i(()=>{var f;return e.to?(f=r.value)==null?void 0:f.route.value.href:e.href})}}const We=v({href:String,replace:Boolean,to:[String,Object],exact:Boolean},"router");let V=!1;function Ze(e,t){let a=!1,n,u;j&&(ye(()=>{window.addEventListener("popstate",s),n=e==null?void 0:e.beforeEach((l,r,o)=>{V?a?t(o):o():setTimeout(()=>a?t(o):o()),V=!0}),u=e==null?void 0:e.afterEach(()=>{V=!1})}),Ce(()=>{window.removeEventListener("popstate",s),n==null||n(),u==null||u()}));function s(l){var r;(r=l.state)!=null&&r.replaced||(a=!0,setTimeout(()=>a=!1))}}export{qe as V,De as a,We as b,ze as c,Fe as d,Ie as e,Re as f,Ae as g,je as h,Ue as i,Xe as j,Te as k,$e as l,pe as m,Ne as n,Ee as o,Se as p,Ye as q,Ze as r,Be as s,_e as t,Me as u};

package/dist/config-schema.json

@@ -0,0 +1,339 @@
+{
+  "type": "object",
+  "required": ["datasets"],
+  "allOf": [
+    {
+      "title": "Source de données",
+      "properties": {
+        "datasets": {
+          "type": "array",
+          "items": [
+            {
+              "title": "Jeu de données",
+              "description": "Ce jeu doit contenir au moins un champ avec le concept de date",
+              "type": "object",
+              "x-fromUrl": "api/v1/datasets?status=finalized&q={q}&select=title,isRest,schema,timePeriod,attachmentsAsImage,userPermissions&{context.datasetFilter}&short-concept=date,startDate,endDate&size=100",
+              "x-itemsProp": "results",
+              "x-itemTitle": "title",
+              "x-itemKey": "href",
+              "additionalProperties": false,
+              "properties": {
+                "href": { "type": "string" },
+                "title": { "type": "string" },
+                "isRest": { "type": "boolean" },
+                "schema": { "type": "array" },
+                "timePeriod": { "type": "object" },
+                "attachmentsAsImage": { "type": "boolean" },
+                "userPermissions": { "type": "array" }
+              }
+            },
+            {
+              "$ref": "#/definitions/contribsDataset"
+            }
+          ]
+        }
+      }
+    },
+    {
+      "title": "Affichage",
+      "description": "Gérer l'affichage du calendrier",
+      "properties": {
+        "labelField": {
+          "type": "object",
+          "title": "Champ de libellé",
+          "description": "Choisissez le champ représentant le libellé d'un événement.",
+          "x-fromUrl": "{datasets.0.href}/schema?calculated=false",
+          "x-itemTitle": "label",
+          "x-itemKey": "key"
+        },
+        "color": {
+          "type": "object",
+          "title": "Réglage des couleurs",
+          "required": ["type"],
+          "oneOf": [
+            {
+              "title": "Calendrier multicolore",
+              "additionalProperties": false,
+              "required": ["field"],
+              "properties": {
+                "type": {
+                  "const": "multicolor"
+                },
+                "field": {
+                  "type": "string",
+                  "title": "Champ de catégorie",
+                  "description": "Choisissez le champ permettant de distinguer les catégories d'événements suivant des couleurs distinctes.",
+                  "x-fromUrl": "{datasets.0.href}/schema?calculated=false",
+                  "x-itemTitle": "category",
+                  "x-itemKey": "key"
+                },
+                "colors": {
+                  "type": "object",
+                  "title": "Couleurs",
+                  "oneOf": [
+                    {
+                      "title": "Palette précalculée",
+                      "required": ["type", "name"],
+                      "additionalProperties": false,
+                      "properties": {
+                        "type": {
+                          "const": "palette"
+                        },
+                        "name": {
+                          "title": "Palette",
+                          "type": "string",
+                          "oneOf": [
+                            {
+                              "const": "Accent",
+                              "title": "Accent"
+                            },
+                            {
+                              "const": "Dark2",
+                              "title": "Foncé"
+                            },
+                            {
+                              "const": "Paired",
+                              "title": "Paires"
+                            },
+                            {
+                              "const": "Set1",
+                              "title": "Ensemble 1"
+                            },
+                            {
+                              "const": "Set2",
+                              "title": "Ensemble 2"
+                            },
+                            {
+                              "const": "Set3",
+                              "title": "Ensemble 3"
+                            },
+                            {
+                              "const": "Pastel1",
+                              "title": "Pastel 1"
+                            },
+                            {
+                              "const": "Pastel2",
+                              "title": "Pastel 2"
+                            }
+                          ],
+                          "default": "Accent"
+                        },
+                        "offset": {
+                          "type": "integer",
+                          "title": "Décallage",
+                          "default": 0
+                        }
+                      }
+                    },
+                    {
+                      "title": "Palette personnalisée",
+                      "required": ["type", "categories"],
+                      "additionalProperties": false,
+                      "properties": {
+                        "type": {
+                          "const": "manual"
+                        },
+                        "categories": {
+                          "title": "Couleurs",
+                          "type": "array",
+                          "x-fromUrl": "{datasets.0.href}/values_agg?field={parent.parent.parent.value.field}&size=0&agg_size=15",
+                          "x-display": "list",
+                          "x-itemTitle": "value",
+                          "x-itemKey": "value",
+                          "x-itemsProp": "aggs",
+                          "items": {
+                            "type": "object",
+                            "required": ["value"],
+                            "additionalProperties": false,
+                            "properties": {
+                              "value": {
+                                "type": "string",
+                                "x-display": "hidden"
+                              },
+                              "color": {
+                                "type": "string",
+                                "title": "Couleur",
+                                "format": "hexcolor",
+                                "default": "#828282",
+                                "x-display": "color-picker"
+                              }
+                            }
+                          }
+                        }
+                      }
+                    }
+                  ],
+                  "default": {
+                    "type": "palette",
+                    "name": "Accent",
+                    "offset": 0
+                  }
+                }
+              }
+            },
+            {
+              "title": "Calendrier monochrome",
+              "additionalProperties": false,
+              "properties": {
+                "type": {
+                  "const": "monochrome"
+                },
+                "colors": {
+                  "type": "object",
+                  "title": "Couleur",
+                  "required": ["type"],
+                  "oneOf": [
+                    {
+                      "title": "Thème",
+                      "additionalProperties": false,
+                      "properties": {
+                        "type": {
+                          "const": "theme"
+                        },
+                        "strValue": {
+                          "title": "Couleur",
+                          "type": "string",
+                          "oneOf": [
+                            {
+                              "const": "primary",
+                              "title": "Primaire"
+                            },
+                            {
+                              "const": "secondary",
+                              "title": "Secondaire"
+                            }
+                          ]
+                        }
+                      }
+                    },
+                    {
+                      "title": "Personnalisée",
+                      "additionalProperties": false,
+                      "properties": {
+                        "type": {
+                          "const": "custom"
+                        },
+                        "hexValue": {
+                          "type": "string",
+                          "title": "Couleur",
+                          "format": "hexcolor",
+                          "default": "#828282",
+                          "x-display": "color-picker"
+                        }
+                      }
+                    }
+                  ],
+                  "default": {
+                    "type": "theme",
+                    "strValue": "primary"
+                  }
+                }
+              }
+            }
+          ],
+          "default": {
+            "type": "monochrome"
+          }
+        }
+      }
+    },
+    {
+      "title": "Détails d'un événement",
+      "description": "Gérer le contenu de l'affichage lors du clic sur un événement",
+      "properties": {
+        "descriptionField": {
+          "type": "object",
+          "title": "Champ de description",
+          "description": "Choisissez le champ permettant de fournir une description de l'événement, interprète le html et le markdown.",
+          "x-fromUrl": "{datasets.0.href}/schema?calculated=false",
+          "x-itemTitle": "title",
+          "x-itemKey": "key"
+        },
+        "additionalFields": {
+          "title": "Champs supplémentaires à afficher.",
+          "type": "array",
+          "x-fromUrl": "{datasets.0.href}/schema?calculated=false",
+          "x-itemTitle": "label",
+          "x-itemKey": "key",
+          "items": {
+            "type": "string"
+          }
+        }
+      }
+    },
+    {
+      "title": "Edition",
+      "x-if": "datasets.0.isRest",
+      "properties": {
+        "formDensity": {
+          "title": "Densité du formulaire",
+          "type": "string",
+          "oneOf": [
+            { "const": "default", "title": "Normale" },
+            { "const": "compact", "title": "Compacte" },
+            { "const": "comfortable", "title": "Aérée" }
+          ],
+          "default": "default"
+        },
+        "formVariant": {
+          "title": "Style du formulaire",
+          "type": "string",
+          "oneOf": [
+            { "const": "outlined", "title": "Bordure" },
+            { "const": "underlined", "title": "Souligné" },
+            { "const": "filled", "title": "Rempli" },
+            { "const": "solo", "title": "Solo" },
+            { "const": "solo-inverted", "title": "Solo inversé" },
+            { "const": "solo-filled", "title": "Solo rempli" }
+          ],
+          "default": "underlined"
+        },
+        "showHelpMessages": {
+          "type": "boolean",
+          "title": "Afficher les descriptions des champs en bulles d'aide",
+          "default": false
+        },
+        "crowdSourcing": {
+          "type": "boolean",
+          "title": "Activer le crowd sourcing"
+        },
+        "contribsDataset": {
+          "$ref": "#/definitions/contribsDataset"
+        },
+        "deleteModeratedContribs": {
+          "title": "Supprimer les contributions après validation ou refus",
+          "type": "boolean",
+          "default": false,
+          "x-if": "parent.value.crowdSourcing"
+        },
+        "colorContrib": {
+          "x-if": "parent.value.crowdSourcing",
+          "type": "string",
+          "title": "Couleur",
+          "format": "hexcolor",
+          "default": "#7AA95C",
+          "x-display": "color-picker"
+        }
+      }
+    }
+  ],
+  "definitions": {
+    "contribsDataset": {
+      "title": "Jeu de données des contributions externes",
+      "x-if": "crowdSourcing",
+      "type": "object",
+      "x-fromUrl": "api/v1/datasets?rest=true&q={q}&select=title,schema,timePeriod,userPermissions&{context.datasetFilter}&short-concept=startDate,endDate&size=100",
+      "x-itemsProp": "results",
+      "x-itemTitle": "title",
+      "x-itemKey": "href",
+      "additionalProperties": false,
+      "properties": {
+        "href": { "type": "string" },
+        "title": { "type": "string" },
+        "schema": { "type": "array" },
+        "timePeriod": { "type": "object" },
+        "userPermissions": { "type": "array" }
+      }
+    }
+  }
+}

package/dist/index.html

@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="fr">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="x-capture" content="trigger" />
+    <meta name="df:sync-state" content="true">
+    <meta name="df:filter-concepts" content="false">
+    <meta name="df:overflow" content="true">
+    <meta name="thumbnail" content="thumbnail.png" />
+    <meta name="{VERSION}" content="trigger" />
+    <meta name="application-name" content="Application Calendrier">
+    <meta name="description" lang="fr" content="Une application de type calendrier">
+    <meta name="keywords" lang="fr" content="Calendrier">
+    <title lang="fr">Calendrier</title>
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Nunito:300,400,500,700,400italic" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mdi/font@7.x/css/materialdesignicons.min.css" />
+    <!-- Capture a global variable defined by data-fair's reverse proxy. -->
+    <script type="text/javascript">window.APPLICATION=%APPLICATION%;</script>
+    <script type="module" crossorigin src="https://cdn.jsdelivr.net/npm/@data-fair/app-calendar@1.0.0/dist/assets/index-CAAiDM5V.js"></script>
+    <link rel="stylesheet" crossorigin href="https://cdn.jsdelivr.net/npm/@data-fair/app-calendar@1.0.0/dist/assets/index-CJongqRm.css">
+  </head>
+  <body>
+    <div id="app"></div>
+  </body>
+</html>

package/package.json

@@ -0,0 +1,54 @@
+{
+  "name": "@data-fair/app-calendar",
+  "version": "1.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "APP_URL=http://localhost:3000/app/ df-dev-server",
+    "dev-src": "vite",
+    "build": "PUBLIC_URL=https://cdn.jsdelivr.net/npm/@data-fair/app-calendar@${npm_package_version}/dist vite build",
+    "build-test": "PUBLIC_URL=https://staging-koumoul.com/apps/calendar/master/ vite build",
+    "preview": "vite preview",
+    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs --fix --ignore-path .gitignore"
+  },
+  "files": [
+    "dist"
+  ],
+  "browserslist": [
+    "> 1%",
+    "last 2 versions",
+    "not dead",
+    "not ie 11"
+  ],
+  "dependencies": {
+    "@data-fair/lib": "^0.37.0",
+    "@fullcalendar/core": "^6.1.10",
+    "@fullcalendar/daygrid": "^6.1.10",
+    "@fullcalendar/interaction": "^6.1.10",
+    "@fullcalendar/list": "^6.1.14",
+    "@fullcalendar/timegrid": "^6.1.10",
+    "@fullcalendar/vue3": "^6.1.10",
+    "@koumoul/vjsf": "^3.0.0-beta.8",
+    "@koumoul/vjsf-markdown": "^0.2.1",
+    "@vueuse/core": "^10.7.2",
+    "@vueuse/integrations": "^11.0.3",
+    "chroma-js": "^2.4.2",
+    "dayjs": "^1.11.13",
+    "fast-diff": "^1.3.0",
+    "jwt-decode": "^4.0.0",
+    "ofetch": "^1.3.4",
+    "universal-cookie": "^7.2.0",
+    "vue": "^3.4.29",
+    "vuetify": "^3.5.4"
+  },
+  "devDependencies": {
+    "@data-fair/dev-server": "^1.12.0",
+    "@vitejs/plugin-vue": "^5.0.5",
+    "eslint": "^8.57.0",
+    "eslint-config-standard": "^17.1.0",
+    "eslint-plugin-import": "^2.29.1",
+    "eslint-plugin-vue": "^9.26.0",
+    "sass": "^1.77.6",
+    "vite": "^5.3.1",
+    "vite-plugin-vuetify": "^2.0.1"
+  }
+}