@umbraco-cms/backoffice 14.0.0--preview004-2a8fbe36 → 14.0.0--preview004-15ed40b3

package/dist-cms/apps/app/app.context.js

@@ -16,4 +16,4 @@ export class UmbAppContext extends UmbBaseController {
         return this.#serverUrl;
     }
 }
-export const UMB_APP_CONTEXT = new UmbContextToken('UMB_APP');
+export const UMB_APP_CONTEXT = new UmbContextToken('UmbAppContext');

package/dist-cms/apps/backoffice/backoffice.element.js

@@ -27,6 +27,7 @@ const CORE_PACKAGES = [
     import('../../packages/tags/umbraco-package.js'),
     import('../../packages/log-viewer/umbraco-package.js'),
     import('../../packages/health-check/umbraco-package.js'),
+    import('../../packages/static-file/umbraco-package.js'),
 ];
 let UmbBackofficeElement = class UmbBackofficeElement extends UmbLitElement {
     constructor() {

package/dist-cms/custom-elements.json

@@ -4848,6 +4848,189 @@
         }
       ]
     },
+    {
+      "name": "umb-property-dataset",
+      "path": "./../src/packages/core/property/property-dataset/property-dataset.element.ts",
+      "properties": [
+        {
+          "name": "value",
+          "description": "The value of the dataset.",
+          "type": "UmbPropertyValueData<unknown>[]"
+        },
+        {
+          "name": "name",
+          "description": "The name of the dataset, this name varies depending on the use-case. But this is either",
+          "type": "string"
+        },
+        {
+          "name": "context",
+          "type": "UmbPropertyDatasetBaseContext"
+        }
+      ],
+      "slots": [
+        {
+          "name": "default",
+          "description": "Slot for rendering content within."
+        }
+      ]
+    },
+    {
+      "name": "umb-property-layout",
+      "path": "./../src/packages/core/property/property-layout/property-layout.element.ts",
+      "attributes": [
+        {
+          "name": "alias",
+          "description": "Alias. The technical name of the property.",
+          "type": "string",
+          "default": "\"''\""
+        },
+        {
+          "name": "label",
+          "description": "Label. Name of the property.",
+          "type": "string",
+          "default": "\"''\""
+        },
+        {
+          "name": "orientation",
+          "description": "Orientation: Horizontal is the default where label goes left and editor right.\nVertical is where label goes above the editor.",
+          "type": "string",
+          "default": "\"''\""
+        },
+        {
+          "name": "description",
+          "description": "Description: render a description underneath the label.",
+          "type": "string",
+          "default": "\"''\""
+        }
+      ],
+      "properties": [
+        {
+          "name": "alias",
+          "attribute": "alias",
+          "description": "Alias. The technical name of the property.",
+          "type": "string",
+          "default": "\"''\""
+        },
+        {
+          "name": "label",
+          "attribute": "label",
+          "description": "Label. Name of the property.",
+          "type": "string",
+          "default": "\"''\""
+        },
+        {
+          "name": "orientation",
+          "attribute": "orientation",
+          "description": "Orientation: Horizontal is the default where label goes left and editor right.\nVertical is where label goes above the editor.",
+          "type": "string",
+          "default": "\"''\""
+        },
+        {
+          "name": "description",
+          "attribute": "description",
+          "description": "Description: render a description underneath the label.",
+          "type": "string",
+          "default": "\"''\""
+        },
+        {
+          "name": "styles",
+          "type": "array",
+          "default": "[\"UmbTextStyles\",null]"
+        }
+      ],
+      "slots": [
+        {
+          "name": "editor",
+          "description": "Slot for rendering the Property Editor"
+        },
+        {
+          "name": "description",
+          "description": "Slot for rendering things below the label."
+        },
+        {
+          "name": "action-menu",
+          "description": "Slot for rendering the Property Action Menu"
+        }
+      ]
+    },
+    {
+      "name": "umb-property",
+      "path": "./../src/packages/core/property/property/property.element.ts",
+      "attributes": [
+        {
+          "name": "label",
+          "description": "Label. Name of the property",
+          "type": "string",
+          "default": "\"''\""
+        },
+        {
+          "name": "description",
+          "description": "Description: render a description underneath the label.",
+          "type": "string",
+          "default": "\"''\""
+        },
+        {
+          "name": "alias",
+          "description": "Alias",
+          "type": "string",
+          "default": "\"''\""
+        },
+        {
+          "name": "property-editor-ui-alias",
+          "description": "Property Editor UI Alias. Render the Property Editor UI registered for this alias.",
+          "type": "string",
+          "default": "\"''\""
+        },
+        {
+          "name": "config",
+          "description": "Config. Configuration to pass to the Property Editor UI. This is also the configuration data stored on the Data Type.",
+          "type": "string",
+          "default": "\"''\""
+        }
+      ],
+      "properties": [
+        {
+          "name": "label",
+          "attribute": "label",
+          "description": "Label. Name of the property",
+          "type": "string",
+          "default": "\"''\""
+        },
+        {
+          "name": "description",
+          "attribute": "description",
+          "description": "Description: render a description underneath the label.",
+          "type": "string",
+          "default": "\"''\""
+        },
+        {
+          "name": "alias",
+          "attribute": "alias",
+          "description": "Alias",
+          "type": "string",
+          "default": "\"''\""
+        },
+        {
+          "name": "propertyEditorUiAlias",
+          "attribute": "property-editor-ui-alias",
+          "description": "Property Editor UI Alias. Render the Property Editor UI registered for this alias.",
+          "type": "string",
+          "default": "\"''\""
+        },
+        {
+          "name": "config",
+          "attribute": "config",
+          "description": "Config. Configuration to pass to the Property Editor UI. This is also the configuration data stored on the Data Type.",
+          "type": "string",
+          "default": "\"''\""
+        },
+        {
+          "name": "styles",
+          "type": "array",
+          "default": "[\"UmbTextStyles\",null]"
+        }
+      ]
+    },
     {
       "name": "umb-section-default",
       "path": "./../src/packages/core/section/section-default.element.ts",
@@ -5352,184 +5535,12 @@
     {
       "name": "umb-workspace-modal",
       "path": "./../src/packages/core/workspace/workspace-modal/workspace-modal.element.ts",
-      "attributes": [
-        {
-          "name": "data"
-        }
-      ],
-      "properties": [
-        {
-          "name": "data",
-          "attribute": "data"
-        },
-        {
-          "name": "styles",
-          "default": "[\"UmbTextStyles\",null]"
-        }
-      ]
-    },
-    {
-      "name": "umb-workspace-property-layout",
-      "path": "./../src/packages/core/workspace/workspace-property-layout/workspace-property-layout.element.ts",
-      "attributes": [
-        {
-          "name": "alias",
-          "description": "Alias. The technical name of the property.",
-          "type": "string",
-          "default": "\"''\""
-        },
-        {
-          "name": "label",
-          "description": "Label. Name of the property.",
-          "type": "string",
-          "default": "\"''\""
-        },
-        {
-          "name": "orientation",
-          "description": "Orientation: Horizontal is the default where label goes left and editor right.\nVertical is where label goes above the editor.",
-          "type": "string",
-          "default": "\"''\""
-        },
-        {
-          "name": "description",
-          "description": "Description: render a description underneath the label.",
-          "type": "string",
-          "default": "\"''\""
-        }
-      ],
-      "properties": [
-        {
-          "name": "alias",
-          "attribute": "alias",
-          "description": "Alias. The technical name of the property.",
-          "type": "string",
-          "default": "\"''\""
-        },
-        {
-          "name": "label",
-          "attribute": "label",
-          "description": "Label. Name of the property.",
-          "type": "string",
-          "default": "\"''\""
-        },
-        {
-          "name": "orientation",
-          "attribute": "orientation",
-          "description": "Orientation: Horizontal is the default where label goes left and editor right.\nVertical is where label goes above the editor.",
-          "type": "string",
-          "default": "\"''\""
-        },
-        {
-          "name": "description",
-          "attribute": "description",
-          "description": "Description: render a description underneath the label.",
-          "type": "string",
-          "default": "\"''\""
-        },
-        {
-          "name": "styles",
-          "type": "array",
-          "default": "[\"UmbTextStyles\",null]"
-        }
-      ],
-      "slots": [
-        {
-          "name": "editor",
-          "description": "Slot for rendering the Property Editor"
-        },
-        {
-          "name": "description",
-          "description": "Slot for rendering things below the label."
-        },
-        {
-          "name": "property-action-menu",
-          "description": "Slot for rendering the Property Action Menu"
-        }
-      ]
-    },
-    {
-      "name": "umb-workspace-property",
-      "path": "./../src/packages/core/workspace/workspace-property/workspace-property.element.ts",
-      "attributes": [
-        {
-          "name": "label",
-          "description": "Label. Name of the property",
-          "type": "string",
-          "default": "\"''\""
-        },
-        {
-          "name": "description",
-          "description": "Description: render a description underneath the label.",
-          "type": "string",
-          "default": "\"''\""
-        },
-        {
-          "name": "alias",
-          "description": "Alias",
-          "type": "string",
-          "default": "\"''\""
-        },
-        {
-          "name": "_propertyEditorUiAlias",
-          "description": "Property Editor UI Alias. Render the Property Editor UI registered for this alias.",
-          "type": "string",
-          "default": "\"''\""
-        },
-        {
-          "name": "property-editor-ui-alias",
-          "type": "string"
-        },
-        {
-          "name": "config",
-          "description": "Config. Configuration to pass to the Property Editor UI. This is also the configuration data stored on the Data Type.",
-          "type": "string",
-          "default": "\"''\""
-        }
-      ],
       "properties": [
         {
-          "name": "label",
-          "attribute": "label",
-          "description": "Label. Name of the property",
-          "type": "string",
-          "default": "\"''\""
-        },
-        {
-          "name": "description",
-          "attribute": "description",
-          "description": "Description: render a description underneath the label.",
-          "type": "string",
-          "default": "\"''\""
-        },
-        {
-          "name": "alias",
-          "attribute": "alias",
-          "description": "Alias",
-          "type": "string",
-          "default": "\"''\""
-        },
-        {
-          "name": "_propertyEditorUiAlias",
-          "attribute": "_propertyEditorUiAlias",
-          "description": "Property Editor UI Alias. Render the Property Editor UI registered for this alias.",
-          "type": "string",
-          "default": "\"''\""
-        },
-        {
-          "name": "propertyEditorUiAlias",
-          "attribute": "property-editor-ui-alias",
-          "type": "string"
-        },
-        {
-          "name": "config",
-          "attribute": "config",
-          "description": "Config. Configuration to pass to the Property Editor UI. This is also the configuration data stored on the Data Type.",
-          "type": "string",
-          "default": "\"''\""
+          "name": "data"
         },
         {
           "name": "styles",
-          "type": "array",
           "default": "[\"UmbTextStyles\",null]"
         }
       ]
@@ -8063,6 +8074,109 @@
         }
       ]
     },
+    {
+      "name": "umb-input-static-file",
+      "path": "./../src/packages/static-file/components/input-static-file/input-static-file.element.ts",
+      "attributes": [
+        {
+          "name": "min",
+          "description": "This is a minimum amount of selected files in this input.",
+          "type": "number",
+          "default": "\"0\""
+        },
+        {
+          "name": "max",
+          "description": "This is a maximum amount of selected files in this input.",
+          "type": "number",
+          "default": "\"Infinity\""
+        },
+        {
+          "name": "min-message",
+          "description": "Min validation message.",
+          "type": "boolean",
+          "default": "\"\""
+        },
+        {
+          "name": "maxMessage",
+          "description": "Max validation message.",
+          "type": "boolean",
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string"
+        }
+      ],
+      "properties": [
+        {
+          "name": "min",
+          "attribute": "min",
+          "description": "This is a minimum amount of selected files in this input.",
+          "type": "number",
+          "default": "\"0\""
+        },
+        {
+          "name": "max",
+          "attribute": "max",
+          "description": "This is a maximum amount of selected files in this input.",
+          "type": "number",
+          "default": "\"Infinity\""
+        },
+        {
+          "name": "minMessage",
+          "attribute": "min-message",
+          "description": "Min validation message.",
+          "type": "boolean",
+          "default": "\"\""
+        },
+        {
+          "name": "maxMessage",
+          "attribute": "maxMessage",
+          "description": "Max validation message.",
+          "type": "boolean",
+          "default": "\"\""
+        },
+        {
+          "name": "selectedPaths",
+          "type": "string[]"
+        },
+        {
+          "name": "value",
+          "attribute": "value",
+          "type": "string"
+        },
+        {
+          "name": "styles",
+          "type": "array",
+          "default": "[null]"
+        }
+      ]
+    },
+    {
+      "name": "umb-property-editor-ui-static-file-picker",
+      "path": "./../src/packages/static-file/property-editors/static-file-picker/property-editor-ui-static-file-picker.element.ts",
+      "attributes": [
+        {
+          "name": "value",
+          "type": "string[]"
+        }
+      ],
+      "properties": [
+        {
+          "name": "value",
+          "attribute": "value",
+          "type": "string[]"
+        },
+        {
+          "name": "config"
+        }
+      ],
+      "events": [
+        {
+          "name": "property-value-change"
+        }
+      ]
+    },
     {
       "name": "umb-tags-input",
       "path": "./../src/packages/tags/components/tags-input/tags-input.element.ts",

package/dist-cms/mocks/browser-handlers.js

@@ -27,6 +27,7 @@ import { handlers as redirectManagementHandlers } from './handlers/redirect-mana
 import { handlers as logViewerHandlers } from './handlers/log-viewer.handlers.js';
 import { handlers as packageHandlers } from './handlers/package.handlers.js';
 import { handlers as rteEmbedHandlers } from './handlers/rte-embed.handlers.js';
+import { handlers as staticFileHandlers } from './handlers/static-file.handlers.js';
 import { handlers as stylesheetHandlers } from './handlers/stylesheet.handlers.js';
 import { handlers as partialViewsHandlers } from './handlers/partial-views.handlers.js';
 import { handlers as tagHandlers } from './handlers/tag-handlers.js';
@@ -34,38 +35,39 @@ import { handlers as configHandlers } from './handlers/config.handlers.js';
 import { handlers as scriptHandlers } from './handlers/scripts.handlers.js';
 const handlers = [
     serverHandlers.serverVersionHandler,
-    ...installHandlers,
-    ...upgradeHandlers,
-    ...userHandlers,
-    ...documentHandlers,
-    ...mediaHandlers,
+    ...configHandlers,
+    ...cultureHandlers,
     ...dataTypeHandlers,
-    ...relationTypeHandlers,
+    ...dictionaryHandlers,
+    ...documentHandlers,
     ...documentTypeHandlers,
-    ...telemetryHandlers,
-    ...publishedStatusHandlers,
-    ...userGroupsHandlers,
+    ...examineManagementHandlers,
+    ...healthCheckHandlers,
+    ...installHandlers,
+    ...languageHandlers,
+    ...logViewerHandlers,
+    ...mediaHandlers,
     ...mediaTypeHandlers,
     ...memberGroupHandlers,
     ...memberHandlers,
     ...memberTypeHandlers,
-    ...examineManagementHandlers,
     ...modelsBuilderHandlers,
-    ...healthCheckHandlers,
+    ...packageHandlers,
+    ...partialViewsHandlers,
     ...profilingHandlers,
-    ...dictionaryHandlers,
-    ...templateHandlers,
-    ...languageHandlers,
-    ...cultureHandlers,
+    ...publishedStatusHandlers,
     ...redirectManagementHandlers,
-    ...logViewerHandlers,
-    ...packageHandlers,
+    ...relationTypeHandlers,
     ...rteEmbedHandlers,
+    ...scriptHandlers,
+    ...staticFileHandlers,
     ...stylesheetHandlers,
-    ...partialViewsHandlers,
     ...tagHandlers,
-    ...configHandlers,
-    ...scriptHandlers,
+    ...telemetryHandlers,
+    ...templateHandlers,
+    ...upgradeHandlers,
+    ...userGroupsHandlers,
+    ...userHandlers,
 ];
 switch (import.meta.env.VITE_UMBRACO_INSTALL_STATUS) {
     case 'must-install':

package/dist-cms/mocks/data/data-type.data.js

@@ -707,6 +707,15 @@ export const data = [
         propertyEditorUiAlias: 'Umb.PropertyEditorUi.MemberGroupPicker',
         values: [],
     },
+    {
+        type: 'data-type',
+        name: 'Static File Picker',
+        id: 'dt-staticFilePicker',
+        parentId: null,
+        propertyEditorAlias: 'Umbraco.Label',
+        propertyEditorUiAlias: 'Umb.PropertyEditorUi.StaticFilePicker',
+        values: [],
+    },
 ];
 const createDataTypeItem = (item) => {
     return {

package/dist-cms/mocks/data/document-type/document-type.data.js

@@ -618,6 +618,26 @@ export const data = [
                     labelOnTop: false,
                 },
             },
+            {
+                id: '33',
+                containerId: 'all-properties-group-key',
+                alias: 'staticFilePicker',
+                name: 'Static File Picker',
+                description: '',
+                dataTypeId: 'dt-staticFilePicker',
+                variesByCulture: false,
+                variesBySegment: false,
+                sortOrder: 32,
+                validation: {
+                    mandatory: true,
+                    mandatoryMessage: null,
+                    regEx: null,
+                    regExMessage: null,
+                },
+                appearance: {
+                    labelOnTop: false,
+                },
+            },
         ],
         containers: [
             {

package/dist-cms/mocks/data/scripts.data.js

@@ -40,7 +40,7 @@ export const data = [
 			}
 			return result;
 		 }
-		 
+
 		 console.log(makeid(5));`,
     },
     {
@@ -67,7 +67,7 @@ export const data = [
         content: `var my_arr = [4, '', 0, 10, 7, '', false, 10];
 
 		my_arr = my_arr.filter(Boolean);
-		
+
 		console.log(my_arr);`,
     },
     {
@@ -80,7 +80,7 @@ export const data = [
 		const date = new Date(date_str);
 		const full_day_name = date.toLocaleDateString('default', { weekday: 'long' });
 		// -> to get full day name e.g. Tuesday
-		
+
 		const short_day_name = date.toLocaleDateString('default', { weekday: 'short' });
 		console.log(short_day_name);
 		// -> TO get the short day name e.g. Tue`,
@@ -97,10 +97,10 @@ export const data = [
 			"department": "IT",
 			"project": "Inventory Manager"
 		};
-		
+
 		// Remove a property
 		delete employee["project"];
-		
+
 		console.log(employee);`,
     },
 ];

package/dist-cms/mocks/data/static-file.data.d.ts

@@ -0,0 +1,15 @@
+import { UmbData } from './data.js';
+import { FileSystemTreeItemPresentationModel, PagedFileSystemTreeItemPresentationModel, ScriptItemResponseModel, StaticFileItemResponseModel } from '../../external/backend-api/index.js';
+type StaticFileItem = StaticFileItemResponseModel & FileSystemTreeItemPresentationModel & {
+    icon?: string;
+};
+export declare const data: Array<StaticFileItem>;
+declare class UmbStaticFileData extends UmbData<StaticFileItem> {
+    constructor();
+    getTreeRoot(): PagedFileSystemTreeItemPresentationModel;
+    getTreeItemChildren(parentPath: string): PagedFileSystemTreeItemPresentationModel;
+    getTreeItem(paths: Array<string>): Array<FileSystemTreeItemPresentationModel>;
+    getItem(paths: Array<string>): Array<ScriptItemResponseModel>;
+}
+export declare const umbStaticFileData: UmbStaticFileData;
+export {};