@umbraco-cms/backoffice 14.0.0--preview004-eaff2f45 → 14.0.0--preview004-15ed40b3

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

@@ -8074,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 {};

package/dist-cms/mocks/data/static-file.data.js

@@ -0,0 +1,46 @@
+import { UmbData } from './data.js';
+import { createFileItemResponseModelBaseModel, createFileSystemTreeItem } from './utils.js';
+export const data = [
+    {
+        path: 'some-file.js',
+        name: 'some-file',
+        icon: 'icon-document',
+        type: 'static-file',
+        hasChildren: false,
+        isFolder: false,
+    },
+    {
+        path: 'another-file.js',
+        name: 'another-file',
+        icon: 'icon-document',
+        type: 'static-file',
+        hasChildren: false,
+        isFolder: false,
+    },
+];
+class UmbStaticFileData extends UmbData {
+    constructor() {
+        super(data);
+    }
+    getTreeRoot() {
+        const items = this.data.filter((item) => item.path?.includes('/') === false);
+        const treeItems = items.map((item) => createFileSystemTreeItem(item));
+        const total = items.length;
+        return { items: treeItems, total };
+    }
+    getTreeItemChildren(parentPath) {
+        const items = this.data.filter((item) => item.path?.startsWith(parentPath));
+        const treeItems = items.map((item) => createFileSystemTreeItem(item));
+        const total = items.length;
+        return { items: treeItems, total };
+    }
+    getTreeItem(paths) {
+        const items = this.data.filter((item) => paths.includes(item.path ?? ''));
+        return items.map((item) => createFileSystemTreeItem(item));
+    }
+    getItem(paths) {
+        const items = this.data.filter((item) => paths.includes(item.path ?? ''));
+        return items.map((item) => createFileItemResponseModelBaseModel(item));
+    }
+}
+export const umbStaticFileData = new UmbStaticFileData();

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

@@ -58,9 +58,9 @@ export const createFileSystemTreeItem = (item) => {
     return {
         name: item.name,
         type: item.type,
-        hasChildren: item.hasChildren,
+        hasChildren: item.hasChildren ?? false,
         path: item.path,
-        isFolder: item.isFolder,
+        isFolder: item.isFolder ?? false,
     };
 };
 export const createTextFileItem = (item) => ({

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

@@ -0,0 +1 @@
+export declare const handlers: import("msw").RestHandler<import("msw/lib/glossary-de6278a9.js").M<import("msw/lib/glossary-de6278a9.js").h>>[];

package/dist-cms/mocks/handlers/static-file.handlers.js

@@ -0,0 +1,35 @@
+const { rest } = window.MockServiceWorker;
+import { umbStaticFileData } from '../data/static-file.data.js';
+import { umbracoPath } from '../../shared/utils/index.js';
+const treeHandlers = [
+    rest.get(umbracoPath('/tree/static-file/root'), (req, res, ctx) => {
+        const response = umbStaticFileData.getTreeRoot();
+        return res(ctx.status(200), ctx.json(response));
+    }),
+    rest.get(umbracoPath('/tree/static-file/children'), (req, res, ctx) => {
+        const path = req.url.searchParams.get('path');
+        if (!path)
+            return;
+        const response = umbStaticFileData.getTreeItemChildren(path);
+        return res(ctx.status(200), ctx.json(response));
+    }),
+];
+const __treeHandlers = [
+    rest.get(umbracoPath('/tree/static-file/item'), (req, res, ctx) => {
+        const paths = req.url.searchParams.getAll('paths');
+        if (!paths)
+            return;
+        const items = umbStaticFileData.getTreeItem(paths);
+        return res(ctx.status(200), ctx.json(items));
+    }),
+];
+const itemHandlers = [
+    rest.get(umbracoPath('/static-file/item'), (req, res, ctx) => {
+        const paths = req.url.searchParams.getAll('paths');
+        if (!paths)
+            return;
+        const items = umbStaticFileData.getTreeItem(paths);
+        return res(ctx.status(200), ctx.json(items));
+    }),
+];
+export const handlers = [...treeHandlers, ...itemHandlers];

package/dist-cms/packages/core/modal/token/index.d.ts

@@ -1,24 +1,32 @@
-export * from './modal-token.js';
-export * from './create-document-modal.token.js';
 export * from './change-password-modal.token.js';
 export * from './code-editor-modal.token.js';
 export * from './confirm-modal.token.js';
 export * from './create-dictionary-modal.token.js';
+export * from './create-document-modal.token.js';
 export * from './create-user-modal.token.js';
 export * from './create-user-success-modal.token.js';
 export * from './current-user-modal.token.js';
+export * from './data-type-picker-flow-data-type-picker-modal.token.js';
+export * from './data-type-picker-flow-modal.token.js';
+export * from './data-type-picker-modal.token.js';
 export * from './debug-modal.token.js';
+export * from './dictionary-item-picker-modal.token.js';
 export * from './document-picker-modal.token.js';
 export * from './document-type-picker-modal.token.js';
 export * from './embedded-media-modal.token.js';
+export * from './entity-user-permission-settings-modal.token.js';
 export * from './examine-fields-settings-modal.token.js';
 export * from './export-dictionary-modal.token.js';
+export * from './folder-modal.token.js';
 export * from './icon-picker-modal.token.js';
 export * from './import-dictionary-modal.token.js';
 export * from './language-picker-modal.token.js';
 export * from './link-picker-modal.token.js';
 export * from './media-tree-picker-modal.token.js';
 export * from './media-type-picker-modal.token.js';
+export * from './modal-token.js';
+export * from './partial-view-picker-modal.token.js';
+export * from './permissions-modal.token.js';
 export * from './property-editor-ui-picker-modal.token.js';
 export * from './property-settings-modal.token.js';
 export * from './search-modal.token.js';
@@ -27,12 +35,4 @@ export * from './template-modal.token.js';
 export * from './template-picker-modal.token.js';
 export * from './user-group-picker-modal.token.js';
 export * from './user-picker-modal.token.js';
-export * from './folder-modal.token.js';
-export * from './partial-view-picker-modal.token.js';
-export * from './dictionary-item-picker-modal.token.js';
-export * from './data-type-picker-modal.token.js';
 export * from './workspace-modal.token.js';
-export * from './data-type-picker-flow-modal.token.js';
-export * from './data-type-picker-flow-data-type-picker-modal.token.js';
-export * from './entity-user-permission-settings-modal.token.js';
-export * from './permissions-modal.token.js';

package/dist-cms/packages/core/modal/token/index.js

@@ -1,24 +1,32 @@
-export * from './modal-token.js';
-export * from './create-document-modal.token.js';
 export * from './change-password-modal.token.js';
 export * from './code-editor-modal.token.js';
 export * from './confirm-modal.token.js';
 export * from './create-dictionary-modal.token.js';
+export * from './create-document-modal.token.js';
 export * from './create-user-modal.token.js';
 export * from './create-user-success-modal.token.js';
 export * from './current-user-modal.token.js';
+export * from './data-type-picker-flow-data-type-picker-modal.token.js';
+export * from './data-type-picker-flow-modal.token.js';
+export * from './data-type-picker-modal.token.js';
 export * from './debug-modal.token.js';
+export * from './dictionary-item-picker-modal.token.js';
 export * from './document-picker-modal.token.js';
 export * from './document-type-picker-modal.token.js';
 export * from './embedded-media-modal.token.js';
+export * from './entity-user-permission-settings-modal.token.js';
 export * from './examine-fields-settings-modal.token.js';
 export * from './export-dictionary-modal.token.js';
+export * from './folder-modal.token.js';
 export * from './icon-picker-modal.token.js';
 export * from './import-dictionary-modal.token.js';
 export * from './language-picker-modal.token.js';
 export * from './link-picker-modal.token.js';
 export * from './media-tree-picker-modal.token.js';
 export * from './media-type-picker-modal.token.js';
+export * from './modal-token.js';
+export * from './partial-view-picker-modal.token.js';
+export * from './permissions-modal.token.js';
 export * from './property-editor-ui-picker-modal.token.js';
 export * from './property-settings-modal.token.js';
 export * from './search-modal.token.js';
@@ -27,12 +35,4 @@ export * from './template-modal.token.js';
 export * from './template-picker-modal.token.js';
 export * from './user-group-picker-modal.token.js';
 export * from './user-picker-modal.token.js';
-export * from './folder-modal.token.js';
-export * from './partial-view-picker-modal.token.js';
-export * from './dictionary-item-picker-modal.token.js';
-export * from './data-type-picker-modal.token.js';
 export * from './workspace-modal.token.js';
-export * from './data-type-picker-flow-modal.token.js';
-export * from './data-type-picker-flow-data-type-picker-modal.token.js';
-export * from './entity-user-permission-settings-modal.token.js';
-export * from './permissions-modal.token.js';

package/dist-cms/packages/documents/documents/components/input-document/input-document.context.js

@@ -1,7 +1,8 @@
+import { UMB_DOCUMENT_REPOSITORY_ALIAS } from '../../repository/index.js';
 import { UmbPickerInputContext } from '../../../../core/picker-input/index.js';
 import { UMB_DOCUMENT_PICKER_MODAL } from '../../../../core/modal/index.js';
 export class UmbDocumentPickerContext extends UmbPickerInputContext {
     constructor(host) {
-        super(host, 'Umb.Repository.Document', UMB_DOCUMENT_PICKER_MODAL);
+        super(host, UMB_DOCUMENT_REPOSITORY_ALIAS, UMB_DOCUMENT_PICKER_MODAL);
     }
 }

package/dist-cms/packages/documents/documents/property-editors/document-picker/property-editor-ui-document-picker.element.js

@@ -19,8 +19,8 @@ let UmbPropertyEditorUIContentPickerElement = class UmbPropertyEditorUIContentPi
     }
     set config(config) {
         const validationLimit = config?.find((x) => x.alias === 'validationLimit');
-        this._limitMin = (validationLimit?.value).min;
-        this._limitMax = (validationLimit?.value).max;
+        this._limitMin = validationLimit?.value?.min;
+        this._limitMax = validationLimit?.value?.max;
     }
     _onChange(event) {
         this.value = event.target.selectedIds;
@@ -32,8 +32,8 @@ let UmbPropertyEditorUIContentPickerElement = class UmbPropertyEditorUIContentPi
 			<umb-input-document
 				@change=${this._onChange}
 				.selectedIds=${this._value}
-				.min=${this._limitMin}
-				.max=${this._limitMax}
+				.min=${this._limitMin ?? 0}
+				.max=${this._limitMax ?? Infinity}
 				>Add</umb-input-document
 			>
 		`;

package/dist-cms/packages/documents/documents/repository/document.repository.js

@@ -1,6 +1,6 @@
+import { UMB_DOCUMENT_TREE_STORE_CONTEXT } from '../tree/document-tree.store.js';
 import { UmbDocumentServerDataSource } from './sources/document.server.data.js';
 import { UMB_DOCUMENT_STORE_CONTEXT_TOKEN } from './document.store.js';
-import { UMB_DOCUMENT_TREE_STORE_CONTEXT_TOKEN } from './document.tree.store.js';
 import { UMB_DOCUMENT_ITEM_STORE_CONTEXT_TOKEN } from './document-item.store.js';
 import { UmbDocumentItemServerDataSource } from './sources/document-item.server.data.js';
 import { UmbBaseController } from '../../../../libs/class-api/index.js';
@@ -19,7 +19,7 @@ export class UmbDocumentRepository extends UmbBaseController {
         this.#detailDataSource = new UmbDocumentServerDataSource(this);
         this.#itemSource = new UmbDocumentItemServerDataSource(this);
         this.#init = Promise.all([
-            this.consumeContext(UMB_DOCUMENT_TREE_STORE_CONTEXT_TOKEN, (instance) => {
+            this.consumeContext(UMB_DOCUMENT_TREE_STORE_CONTEXT, (instance) => {
                 this.#treeStore = instance;
             }).asPromise(),
             this.consumeContext(UMB_DOCUMENT_STORE_CONTEXT_TOKEN, (instance) => {

package/dist-cms/packages/static-file/components/index.d.ts

@@ -0,0 +1 @@
+export * from './input-static-file/index.js';

package/dist-cms/packages/static-file/components/index.js

@@ -0,0 +1 @@
+export * from './input-static-file/index.js';

package/dist-cms/packages/static-file/components/input-static-file/index.d.ts

@@ -0,0 +1,2 @@
+export * from './input-static-file.context.js';
+export * from './input-static-file.element.js';

package/dist-cms/packages/static-file/components/input-static-file/index.js

@@ -0,0 +1,2 @@
+export * from './input-static-file.context.js';
+export * from './input-static-file.element.js';

package/dist-cms/packages/static-file/components/input-static-file/input-static-file.context.d.ts

@@ -0,0 +1,6 @@
+import { UmbPickerInputContext } from '../../../core/picker-input/index.js';
+import type { UmbControllerHostElement } from '../../../../libs/controller-api/index.js';
+import type { StaticFileItemResponseModel } from '../../../../external/backend-api/index.js';
+export declare class UmbStaticFilePickerContext extends UmbPickerInputContext<StaticFileItemResponseModel> {
+    constructor(host: UmbControllerHostElement);
+}

package/dist-cms/packages/static-file/components/input-static-file/input-static-file.context.js

@@ -0,0 +1,8 @@
+import { UMB_STATIC_FILE_TREE_REPOSITORY_ALIAS } from '../../repository/index.js';
+import { UMB_STATIC_FILE_PICKER_MODAL } from '../../modals/index.js';
+import { UmbPickerInputContext } from '../../../core/picker-input/index.js';
+export class UmbStaticFilePickerContext extends UmbPickerInputContext {
+    constructor(host) {
+        super(host, UMB_STATIC_FILE_TREE_REPOSITORY_ALIAS, UMB_STATIC_FILE_PICKER_MODAL);
+    }
+}

package/dist-cms/packages/static-file/components/input-static-file/input-static-file.element.d.ts

@@ -0,0 +1,50 @@
+import { UmbLitElement } from '../../../../shared/lit-element/index.js';
+declare const UmbInputStaticFileElement_base: (new (...args: any[]) => import("../../../../external/uui/index.js").FormControlMixinInterface) & typeof UmbLitElement;
+export declare class UmbInputStaticFileElement extends UmbInputStaticFileElement_base {
+    #private;
+    /**
+     * This is a minimum amount of selected files in this input.
+     * @type {number}
+     * @attr
+     * @default 0
+     */
+    get min(): number;
+    set min(value: number);
+    /**
+     * Min validation message.
+     * @type {boolean}
+     * @attr
+     * @default
+     */
+    minMessage: string;
+    /**
+     * This is a maximum amount of selected files in this input.
+     * @type {number}
+     * @attr
+     * @default Infinity
+     */
+    get max(): number;
+    set max(value: number);
+    /**
+     * Max validation message.
+     * @type {boolean}
+     * @attr
+     * @default
+     */
+    maxMessage: string;
+    get selectedPaths(): Array<string>;
+    set selectedPaths(paths: Array<string>);
+    set value(pathsString: string);
+    private _items?;
+    constructor();
+    protected getFormElement(): undefined;
+    render(): import("lit-html").TemplateResult<1>;
+    private _renderItem;
+    static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
+}
+export default UmbInputStaticFileElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        'umb-input-static-file': UmbInputStaticFileElement;
+    }
+}