@directus/extensions-sdk 9.2.1 → 9.4.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/dist/cjs/index.d.ts +1 -1
  2. package/dist/cjs/index.d.ts.map +1 -1
  3. package/dist/cjs/index.js +2 -1
  4. package/dist/esm/index.d.ts +1 -1
  5. package/dist/esm/index.d.ts.map +1 -1
  6. package/dist/esm/index.js +1 -1
  7. package/package.json +3 -3
  8. package/src/index.ts +1 -0
  9. package/templates/panel/javascript/src/index.js +22 -0
  10. package/templates/panel/javascript/src/panel.vue +30 -0
  11. package/templates/panel/typescript/src/index.ts +23 -0
  12. package/templates/panel/typescript/src/panel.vue +32 -0
  13. package/templates/panel/typescript/src/shims.d.ts +5 -0
package/dist/cjs/index.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- export { defineInterface, defineDisplay, defineLayout, defineModule, defineHook, defineEndpoint, getFieldsFromTemplate, getRelationType, } from '@directus/shared/utils';
1
+ export { defineInterface, defineDisplay, defineLayout, defineModule, definePanel, defineHook, defineEndpoint, getFieldsFromTemplate, getRelationType, } from '@directus/shared/utils';
2
2
  export { useStores, useApi, useSync, useCollection, useItems, useFilterFields } from '@directus/shared/composables';
3
3
  //# sourceMappingURL=index.d.ts.map
package/dist/cjs/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,eAAe,EACf,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,cAAc,EACd,qBAAqB,EACrB,eAAe,GACf,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,eAAe,EACf,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,UAAU,EACV,cAAc,EACd,qBAAqB,EACrB,eAAe,GACf,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC"}
package/dist/cjs/index.js CHANGED
@@ -1,11 +1,12 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.useFilterFields = exports.useItems = exports.useCollection = exports.useSync = exports.useApi = exports.useStores = exports.getRelationType = exports.getFieldsFromTemplate = exports.defineEndpoint = exports.defineHook = exports.defineModule = exports.defineLayout = exports.defineDisplay = exports.defineInterface = void 0;
3
+ exports.useFilterFields = exports.useItems = exports.useCollection = exports.useSync = exports.useApi = exports.useStores = exports.getRelationType = exports.getFieldsFromTemplate = exports.defineEndpoint = exports.defineHook = exports.definePanel = exports.defineModule = exports.defineLayout = exports.defineDisplay = exports.defineInterface = void 0;
4
4
  var utils_1 = require("@directus/shared/utils");
5
5
  Object.defineProperty(exports, "defineInterface", { enumerable: true, get: function () { return utils_1.defineInterface; } });
6
6
  Object.defineProperty(exports, "defineDisplay", { enumerable: true, get: function () { return utils_1.defineDisplay; } });
7
7
  Object.defineProperty(exports, "defineLayout", { enumerable: true, get: function () { return utils_1.defineLayout; } });
8
8
  Object.defineProperty(exports, "defineModule", { enumerable: true, get: function () { return utils_1.defineModule; } });
9
+ Object.defineProperty(exports, "definePanel", { enumerable: true, get: function () { return utils_1.definePanel; } });
9
10
  Object.defineProperty(exports, "defineHook", { enumerable: true, get: function () { return utils_1.defineHook; } });
10
11
  Object.defineProperty(exports, "defineEndpoint", { enumerable: true, get: function () { return utils_1.defineEndpoint; } });
11
12
  Object.defineProperty(exports, "getFieldsFromTemplate", { enumerable: true, get: function () { return utils_1.getFieldsFromTemplate; } });
package/dist/esm/index.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- export { defineInterface, defineDisplay, defineLayout, defineModule, defineHook, defineEndpoint, getFieldsFromTemplate, getRelationType, } from '@directus/shared/utils';
1
+ export { defineInterface, defineDisplay, defineLayout, defineModule, definePanel, defineHook, defineEndpoint, getFieldsFromTemplate, getRelationType, } from '@directus/shared/utils';
2
2
  export { useStores, useApi, useSync, useCollection, useItems, useFilterFields } from '@directus/shared/composables';
3
3
  //# sourceMappingURL=index.d.ts.map
package/dist/esm/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,eAAe,EACf,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,cAAc,EACd,qBAAqB,EACrB,eAAe,GACf,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,eAAe,EACf,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,UAAU,EACV,cAAc,EACd,qBAAqB,EACrB,eAAe,GACf,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC"}
package/dist/esm/index.js CHANGED
@@ -1,2 +1,2 @@
1
- export { defineInterface, defineDisplay, defineLayout, defineModule, defineHook, defineEndpoint, getFieldsFromTemplate, getRelationType, } from '@directus/shared/utils';
1
+ export { defineInterface, defineDisplay, defineLayout, defineModule, definePanel, defineHook, defineEndpoint, getFieldsFromTemplate, getRelationType, } from '@directus/shared/utils';
2
2
  export { useStores, useApi, useSync, useCollection, useItems, useFilterFields } from '@directus/shared/composables';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@directus/extensions-sdk",
3
- "version": "9.2.1",
3
+ "version": "9.4.1",
4
4
  "description": "A toolkit to develop extensions to extend Directus.",
5
5
  "main": "dist/cjs/index.js",
6
6
  "exports": {
@@ -29,9 +29,9 @@
29
29
  "node": ">=12.20.0"
30
30
  },
31
31
  "author": "Nicola Krumschmidt",
32
- "gitHead": "1d4e9c425c10bcdc5831ae63c1bd03649648eb5e",
32
+ "gitHead": "4991ba858bdde8bdf03aee475d77a218da6e46ab",
33
33
  "dependencies": {
34
- "@directus/shared": "9.2.1",
34
+ "@directus/shared": "9.4.1",
35
35
  "@rollup/plugin-commonjs": "^21.0.0",
36
36
  "@rollup/plugin-json": "^4.1.0",
37
37
  "@rollup/plugin-node-resolve": "^13.0.0",
package/src/index.ts CHANGED
@@ -3,6 +3,7 @@ export {
3
3
  defineDisplay,
4
4
  defineLayout,
5
5
  defineModule,
6
+ definePanel,
6
7
  defineHook,
7
8
  defineEndpoint,
8
9
  getFieldsFromTemplate,
package/templates/panel/javascript/src/index.js ADDED
@@ -0,0 +1,22 @@
1
+ import PanelComponent from './panel.vue';
2
+
3
+ export default {
4
+ id: 'custom',
5
+ name: 'Custom',
6
+ icon: 'box',
7
+ description: 'This is my custom panel!',
8
+ component: PanelComponent,
9
+ options: [
10
+ {
11
+ field: 'text',
12
+ name: 'Text',
13
+ type: 'string',
14
+ meta: {
15
+ interface: 'input',
16
+ width: 'full',
17
+ },
18
+ },
19
+ ],
20
+ minWidth: 12,
21
+ minHeight: 8,
22
+ };
package/templates/panel/javascript/src/panel.vue ADDED
@@ -0,0 +1,30 @@
1
+ <template>
2
+ <div class="text" :class="{ 'has-header': showHeader }">
3
+ {{ text }}
4
+ </div>
5
+ </template>
6
+
7
+ <script>
8
+ export default {
9
+ props: {
10
+ showHeader: {
11
+ type: Boolean,
12
+ default: false,
13
+ },
14
+ text: {
15
+ type: String,
16
+ default: '',
17
+ },
18
+ },
19
+ };
20
+ </script>
21
+
22
+ <style scoped>
23
+ .text {
24
+ padding: 12px;
25
+ }
26
+
27
+ .text.has-header {
28
+ padding: 0 12px;
29
+ }
30
+ </style>
package/templates/panel/typescript/src/index.ts ADDED
@@ -0,0 +1,23 @@
1
+ import { definePanel } from '@directus/extensions-sdk';
2
+ import PanelComponent from './panel.vue';
3
+
4
+ export default definePanel({
5
+ id: 'custom',
6
+ name: 'Custom',
7
+ icon: 'box',
8
+ description: 'This is my custom panel!',
9
+ component: PanelComponent,
10
+ options: [
11
+ {
12
+ field: 'text',
13
+ name: 'Text',
14
+ type: 'string',
15
+ meta: {
16
+ interface: 'input',
17
+ width: 'full',
18
+ },
19
+ },
20
+ ],
21
+ minWidth: 12,
22
+ minHeight: 8,
23
+ });
package/templates/panel/typescript/src/panel.vue ADDED
@@ -0,0 +1,32 @@
1
+ <template>
2
+ <div class="text" :class="{ 'has-header': showHeader }">
3
+ {{ text }}
4
+ </div>
5
+ </template>
6
+
7
+ <script lang="ts">
8
+ import { defineComponent } from 'vue';
9
+
10
+ export default defineComponent({
11
+ props: {
12
+ showHeader: {
13
+ type: Boolean,
14
+ default: false,
15
+ },
16
+ text: {
17
+ type: String,
18
+ default: '',
19
+ },
20
+ },
21
+ });
22
+ </script>
23
+
24
+ <style scoped>
25
+ .text {
26
+ padding: 12px;
27
+ }
28
+
29
+ .text.has-header {
30
+ padding: 0 12px;
31
+ }
32
+ </style>
package/templates/panel/typescript/src/shims.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ declare module '*.vue' {
2
+ import { DefineComponent } from 'vue';
3
+ const component: DefineComponent<{}, {}, any>;
4
+ export default component;
5
+ }