V15: New dropzone component available for the Backoffice (#18753)

* create a symlink between local Client .vscode snippets and global snippets for ease of use

* fix: no need to specify `Element` in the snippet as that is pulled from the filename

Because of our convention with `x.element.ts` you would have ended up with `UmbXElementElement`

* feat: adds new component `umb-input-dropzone`

* docs(storybook): more stories

* feat: construct the temporary files centrally along with an `AbortController` and use its signal

* feat: makes UmbInputDropzone form aware

* feat: introduces a change event

* chore: temporary changes before changing upload field

* feat: adds default slot

* docs: adds jsdocs

* feat: adds more properties

* feat: adds dashed styling

* feat: adds multiple support

* feat: allows to cancel file

* feat: separate **cancel** and **remove**

* fix stylibg

* move dropzone element

* move input-dropzone into dropzone package

* feat: introduces a 'dropzone' package

* import for backward compatibility

* remove ambigious export

* reexport everything from dropzone

* fix import

* cleanup test files

* use correct import paths

* test: make sure folder exists before writing to it

* adds export for modals

* adds entrypoint for dropzone package

* use the AbortController directly on the temporary file object

* uses correct icon name

* feat: adds ability to remove all files and cancel the request

* feat: adds styling for the uploader

and enables it to work in multiple mode with classes over id's

* do not let the content exceed its boundaries

* feat: formats progress with 2 decimals

* feat: formats with 0 decimals

* fix: returns cancel error

* fix: maps cancel errors back to the uploadable item

* fix: do not proceed with media items if the request was cancelled

* chore: mark exports from media <- dropzone as deprecated

* fix: use correct attribute and remove a todo with localizations

* fix: use correct attribute and remove a todo with localizations

* fix: allow to specify parent through attribute

* feat: align attribute `disableFolderUpload` between dropzone components
This commit is contained in:
Jacob Overgaard
2025-03-24 14:17:48 +01:00
committed by GitHub
parent 39cad5b2ea
commit 63113c4552
43 changed files with 546 additions and 619 deletions

View File

@@ -1,530 +0,0 @@
import * as import0 from '@umbraco-cms/backoffice/app';
import * as import1 from '@umbraco-cms/backoffice/class-api';
import * as import2 from '@umbraco-cms/backoffice/context-api';
import * as import3 from '@umbraco-cms/backoffice/controller-api';
import * as import4 from '@umbraco-cms/backoffice/element-api';
import * as import5 from '@umbraco-cms/backoffice/embedded-media';
import * as import6 from '@umbraco-cms/backoffice/extension-api';
import * as import7 from '@umbraco-cms/backoffice/formatting-api';
import * as import8 from '@umbraco-cms/backoffice/localization-api';
import * as import9 from '@umbraco-cms/backoffice/observable-api';
import * as import10 from '@umbraco-cms/backoffice/action';
import * as import11 from '@umbraco-cms/backoffice/audit-log';
import * as import12 from '@umbraco-cms/backoffice/auth';
import * as import13 from '@umbraco-cms/backoffice/block-custom-view';
import * as import14 from '@umbraco-cms/backoffice/block-grid';
import * as import15 from '@umbraco-cms/backoffice/block-list';
import * as import16 from '@umbraco-cms/backoffice/block-rte';
import * as import17 from '@umbraco-cms/backoffice/block-type';
import * as import18 from '@umbraco-cms/backoffice/block';
import * as import19 from '@umbraco-cms/backoffice/clipboard';
import * as import20 from '@umbraco-cms/backoffice/code-editor';
import * as import21 from '@umbraco-cms/backoffice/collection';
import * as import22 from '@umbraco-cms/backoffice/components';
import * as import23 from '@umbraco-cms/backoffice/const';
import * as import24 from '@umbraco-cms/backoffice/content-type';
import * as import25 from '@umbraco-cms/backoffice/content';
import * as import26 from '@umbraco-cms/backoffice/culture';
import * as import27 from '@umbraco-cms/backoffice/current-user';
import * as import28 from '@umbraco-cms/backoffice/dashboard';
import * as import29 from '@umbraco-cms/backoffice/data-type';
import * as import30 from '@umbraco-cms/backoffice/debug';
import * as import31 from '@umbraco-cms/backoffice/dictionary';
import * as import32 from '@umbraco-cms/backoffice/document-blueprint';
import * as import33 from '@umbraco-cms/backoffice/document-type';
import * as import34 from '@umbraco-cms/backoffice/document';
import * as import35 from '@umbraco-cms/backoffice/entity-action';
import * as import36 from '@umbraco-cms/backoffice/entity-bulk-action';
import * as import37 from '@umbraco-cms/backoffice/entity-create-option-action';
import * as import38 from '@umbraco-cms/backoffice/entity';
import * as import39 from '@umbraco-cms/backoffice/entity-item';
import * as import40 from '@umbraco-cms/backoffice/event';
import * as import41 from '@umbraco-cms/backoffice/extension-registry';
import * as import42 from '@umbraco-cms/backoffice/health-check';
import * as import43 from '@umbraco-cms/backoffice/help';
import * as import44 from '@umbraco-cms/backoffice/icon';
import * as import45 from '@umbraco-cms/backoffice/id';
import * as import46 from '@umbraco-cms/backoffice/imaging';
import * as import47 from '@umbraco-cms/backoffice/language';
import * as import48 from '@umbraco-cms/backoffice/lit-element';
import * as import49 from '@umbraco-cms/backoffice/localization';
import * as import50 from '@umbraco-cms/backoffice/log-viewer';
import * as import51 from '@umbraco-cms/backoffice/media-type';
import * as import52 from '@umbraco-cms/backoffice/media';
import * as import53 from '@umbraco-cms/backoffice/member-group';
import * as import54 from '@umbraco-cms/backoffice/member-type';
import * as import55 from '@umbraco-cms/backoffice/member';
import * as import56 from '@umbraco-cms/backoffice/menu';
import * as import57 from '@umbraco-cms/backoffice/modal';
import * as import58 from '@umbraco-cms/backoffice/multi-url-picker';
import * as import59 from '@umbraco-cms/backoffice/notification';
import * as import60 from '@umbraco-cms/backoffice/object-type';
import * as import61 from '@umbraco-cms/backoffice/package';
import * as import62 from '@umbraco-cms/backoffice/partial-view';
import * as import63 from '@umbraco-cms/backoffice/picker-input';
import * as import64 from '@umbraco-cms/backoffice/picker';
import * as import65 from '@umbraco-cms/backoffice/property-action';
import * as import66 from '@umbraco-cms/backoffice/property-editor';
import * as import67 from '@umbraco-cms/backoffice/property-type';
import * as import68 from '@umbraco-cms/backoffice/property';
import * as import69 from '@umbraco-cms/backoffice/recycle-bin';
import * as import70 from '@umbraco-cms/backoffice/relation-type';
import * as import71 from '@umbraco-cms/backoffice/relations';
import * as import72 from '@umbraco-cms/backoffice/repository';
import * as import73 from '@umbraco-cms/backoffice/resources';
import * as import74 from '@umbraco-cms/backoffice/router';
import * as import75 from '@umbraco-cms/backoffice/rte';
import * as import76 from '@umbraco-cms/backoffice/script';
import * as import77 from '@umbraco-cms/backoffice/search';
import * as import78 from '@umbraco-cms/backoffice/section';
import * as import79 from '@umbraco-cms/backoffice/server-file-system';
import * as import80 from '@umbraco-cms/backoffice/settings';
import * as import81 from '@umbraco-cms/backoffice/sorter';
import * as import82 from '@umbraco-cms/backoffice/static-file';
import * as import83 from '@umbraco-cms/backoffice/store';
import * as import84 from '@umbraco-cms/backoffice/style';
import * as import85 from '@umbraco-cms/backoffice/stylesheet';
import * as import86 from '@umbraco-cms/backoffice/sysinfo';
import * as import87 from '@umbraco-cms/backoffice/tags';
import * as import88 from '@umbraco-cms/backoffice/template';
import * as import89 from '@umbraco-cms/backoffice/temporary-file';
import * as import90 from '@umbraco-cms/backoffice/themes';
import * as import91 from '@umbraco-cms/backoffice/tiny-mce';
import * as import92 from '@umbraco-cms/backoffice/tiptap';
import * as import93 from '@umbraco-cms/backoffice/translation';
import * as import94 from '@umbraco-cms/backoffice/tree';
import * as import95 from '@umbraco-cms/backoffice/ufm';
import * as import96 from '@umbraco-cms/backoffice/user-change-password';
import * as import97 from '@umbraco-cms/backoffice/user-group';
import * as import98 from '@umbraco-cms/backoffice/user-permission';
import * as import99 from '@umbraco-cms/backoffice/user';
import * as import100 from '@umbraco-cms/backoffice/utils';
import * as import101 from '@umbraco-cms/backoffice/validation';
import * as import102 from '@umbraco-cms/backoffice/variant';
import * as import103 from '@umbraco-cms/backoffice/webhook';
import * as import104 from '@umbraco-cms/backoffice/workspace';
export const imports = [
{
path: '@umbraco-cms/backoffice/app',
package: import0
},
{
path: '@umbraco-cms/backoffice/class-api',
package: import1
},
{
path: '@umbraco-cms/backoffice/context-api',
package: import2
},
{
path: '@umbraco-cms/backoffice/controller-api',
package: import3
},
{
path: '@umbraco-cms/backoffice/element-api',
package: import4
},
{
path: '@umbraco-cms/backoffice/embedded-media',
package: import5
},
{
path: '@umbraco-cms/backoffice/extension-api',
package: import6
},
{
path: '@umbraco-cms/backoffice/formatting-api',
package: import7
},
{
path: '@umbraco-cms/backoffice/localization-api',
package: import8
},
{
path: '@umbraco-cms/backoffice/observable-api',
package: import9
},
{
path: '@umbraco-cms/backoffice/action',
package: import10
},
{
path: '@umbraco-cms/backoffice/audit-log',
package: import11
},
{
path: '@umbraco-cms/backoffice/auth',
package: import12
},
{
path: '@umbraco-cms/backoffice/block-custom-view',
package: import13
},
{
path: '@umbraco-cms/backoffice/block-grid',
package: import14
},
{
path: '@umbraco-cms/backoffice/block-list',
package: import15
},
{
path: '@umbraco-cms/backoffice/block-rte',
package: import16
},
{
path: '@umbraco-cms/backoffice/block-type',
package: import17
},
{
path: '@umbraco-cms/backoffice/block',
package: import18
},
{
path: '@umbraco-cms/backoffice/clipboard',
package: import19
},
{
path: '@umbraco-cms/backoffice/code-editor',
package: import20
},
{
path: '@umbraco-cms/backoffice/collection',
package: import21
},
{
path: '@umbraco-cms/backoffice/components',
package: import22
},
{
path: '@umbraco-cms/backoffice/const',
package: import23
},
{
path: '@umbraco-cms/backoffice/content-type',
package: import24
},
{
path: '@umbraco-cms/backoffice/content',
package: import25
},
{
path: '@umbraco-cms/backoffice/culture',
package: import26
},
{
path: '@umbraco-cms/backoffice/current-user',
package: import27
},
{
path: '@umbraco-cms/backoffice/dashboard',
package: import28
},
{
path: '@umbraco-cms/backoffice/data-type',
package: import29
},
{
path: '@umbraco-cms/backoffice/debug',
package: import30
},
{
path: '@umbraco-cms/backoffice/dictionary',
package: import31
},
{
path: '@umbraco-cms/backoffice/document-blueprint',
package: import32
},
{
path: '@umbraco-cms/backoffice/document-type',
package: import33
},
{
path: '@umbraco-cms/backoffice/document',
package: import34
},
{
path: '@umbraco-cms/backoffice/entity-action',
package: import35
},
{
path: '@umbraco-cms/backoffice/entity-bulk-action',
package: import36
},
{
path: '@umbraco-cms/backoffice/entity-create-option-action',
package: import37
},
{
path: '@umbraco-cms/backoffice/entity',
package: import38
},
{
path: '@umbraco-cms/backoffice/entity-item',
package: import39
},
{
path: '@umbraco-cms/backoffice/event',
package: import40
},
{
path: '@umbraco-cms/backoffice/extension-registry',
package: import41
},
{
path: '@umbraco-cms/backoffice/health-check',
package: import42
},
{
path: '@umbraco-cms/backoffice/help',
package: import43
},
{
path: '@umbraco-cms/backoffice/icon',
package: import44
},
{
path: '@umbraco-cms/backoffice/id',
package: import45
},
{
path: '@umbraco-cms/backoffice/imaging',
package: import46
},
{
path: '@umbraco-cms/backoffice/language',
package: import47
},
{
path: '@umbraco-cms/backoffice/lit-element',
package: import48
},
{
path: '@umbraco-cms/backoffice/localization',
package: import49
},
{
path: '@umbraco-cms/backoffice/log-viewer',
package: import50
},
{
path: '@umbraco-cms/backoffice/media-type',
package: import51
},
{
path: '@umbraco-cms/backoffice/media',
package: import52
},
{
path: '@umbraco-cms/backoffice/member-group',
package: import53
},
{
path: '@umbraco-cms/backoffice/member-type',
package: import54
},
{
path: '@umbraco-cms/backoffice/member',
package: import55
},
{
path: '@umbraco-cms/backoffice/menu',
package: import56
},
{
path: '@umbraco-cms/backoffice/modal',
package: import57
},
{
path: '@umbraco-cms/backoffice/multi-url-picker',
package: import58
},
{
path: '@umbraco-cms/backoffice/notification',
package: import59
},
{
path: '@umbraco-cms/backoffice/object-type',
package: import60
},
{
path: '@umbraco-cms/backoffice/package',
package: import61
},
{
path: '@umbraco-cms/backoffice/partial-view',
package: import62
},
{
path: '@umbraco-cms/backoffice/picker-input',
package: import63
},
{
path: '@umbraco-cms/backoffice/picker',
package: import64
},
{
path: '@umbraco-cms/backoffice/property-action',
package: import65
},
{
path: '@umbraco-cms/backoffice/property-editor',
package: import66
},
{
path: '@umbraco-cms/backoffice/property-type',
package: import67
},
{
path: '@umbraco-cms/backoffice/property',
package: import68
},
{
path: '@umbraco-cms/backoffice/recycle-bin',
package: import69
},
{
path: '@umbraco-cms/backoffice/relation-type',
package: import70
},
{
path: '@umbraco-cms/backoffice/relations',
package: import71
},
{
path: '@umbraco-cms/backoffice/repository',
package: import72
},
{
path: '@umbraco-cms/backoffice/resources',
package: import73
},
{
path: '@umbraco-cms/backoffice/router',
package: import74
},
{
path: '@umbraco-cms/backoffice/rte',
package: import75
},
{
path: '@umbraco-cms/backoffice/script',
package: import76
},
{
path: '@umbraco-cms/backoffice/search',
package: import77
},
{
path: '@umbraco-cms/backoffice/section',
package: import78
},
{
path: '@umbraco-cms/backoffice/server-file-system',
package: import79
},
{
path: '@umbraco-cms/backoffice/settings',
package: import80
},
{
path: '@umbraco-cms/backoffice/sorter',
package: import81
},
{
path: '@umbraco-cms/backoffice/static-file',
package: import82
},
{
path: '@umbraco-cms/backoffice/store',
package: import83
},
{
path: '@umbraco-cms/backoffice/style',
package: import84
},
{
path: '@umbraco-cms/backoffice/stylesheet',
package: import85
},
{
path: '@umbraco-cms/backoffice/sysinfo',
package: import86
},
{
path: '@umbraco-cms/backoffice/tags',
package: import87
},
{
path: '@umbraco-cms/backoffice/template',
package: import88
},
{
path: '@umbraco-cms/backoffice/temporary-file',
package: import89
},
{
path: '@umbraco-cms/backoffice/themes',
package: import90
},
{
path: '@umbraco-cms/backoffice/tiny-mce',
package: import91
},
{
path: '@umbraco-cms/backoffice/tiptap',
package: import92
},
{
path: '@umbraco-cms/backoffice/translation',
package: import93
},
{
path: '@umbraco-cms/backoffice/tree',
package: import94
},
{
path: '@umbraco-cms/backoffice/ufm',
package: import95
},
{
path: '@umbraco-cms/backoffice/user-change-password',
package: import96
},
{
path: '@umbraco-cms/backoffice/user-group',
package: import97
},
{
path: '@umbraco-cms/backoffice/user-permission',
package: import98
},
{
path: '@umbraco-cms/backoffice/user',
package: import99
},
{
path: '@umbraco-cms/backoffice/utils',
package: import100
},
{
path: '@umbraco-cms/backoffice/validation',
package: import101
},
{
path: '@umbraco-cms/backoffice/variant',
package: import102
},
{
path: '@umbraco-cms/backoffice/webhook',
package: import103
},
{
path: '@umbraco-cms/backoffice/workspace',
package: import104
}
];