@melodicdev/components 1.2.4 → 1.3.0

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 (37) hide show
  1. package/assets/melodic-components.js +32 -7
  2. package/assets/melodic-components.js.map +1 -1
  3. package/assets/melodic-components.min.js +88 -64
  4. package/lib/components/forms/file-upload/file-icon.component.d.ts +12 -0
  5. package/lib/components/forms/file-upload/file-icon.component.d.ts.map +1 -0
  6. package/lib/components/forms/file-upload/file-icon.component.js +34 -0
  7. package/lib/components/forms/file-upload/file-icon.styles.d.ts +2 -0
  8. package/lib/components/forms/file-upload/file-icon.styles.d.ts.map +1 -0
  9. package/lib/components/forms/file-upload/file-icon.styles.js +124 -0
  10. package/lib/components/forms/file-upload/file-icon.template.d.ts +3 -0
  11. package/lib/components/forms/file-upload/file-icon.template.d.ts.map +1 -0
  12. package/lib/components/forms/file-upload/file-icon.template.js +18 -0
  13. package/lib/components/forms/file-upload/file-upload-item.component.d.ts +17 -0
  14. package/lib/components/forms/file-upload/file-upload-item.component.d.ts.map +1 -0
  15. package/lib/components/forms/file-upload/file-upload-item.component.js +52 -0
  16. package/lib/components/forms/file-upload/file-upload-item.styles.d.ts +2 -0
  17. package/lib/components/forms/file-upload/file-upload-item.styles.d.ts.map +1 -0
  18. package/lib/components/forms/file-upload/file-upload-item.styles.js +172 -0
  19. package/lib/components/forms/file-upload/file-upload-item.template.d.ts +3 -0
  20. package/lib/components/forms/file-upload/file-upload-item.template.d.ts.map +1 -0
  21. package/lib/components/forms/file-upload/file-upload-item.template.js +55 -0
  22. package/lib/components/forms/file-upload/file-upload.component.d.ts +24 -0
  23. package/lib/components/forms/file-upload/file-upload.component.d.ts.map +1 -0
  24. package/lib/components/forms/file-upload/file-upload.component.js +130 -0
  25. package/lib/components/forms/file-upload/file-upload.styles.d.ts +2 -0
  26. package/lib/components/forms/file-upload/file-upload.styles.d.ts.map +1 -0
  27. package/lib/components/forms/file-upload/file-upload.styles.js +125 -0
  28. package/lib/components/forms/file-upload/file-upload.template.d.ts +3 -0
  29. package/lib/components/forms/file-upload/file-upload.template.d.ts.map +1 -0
  30. package/lib/components/forms/file-upload/file-upload.template.js +51 -0
  31. package/lib/components/forms/file-upload/file-upload.types.d.ts +9 -0
  32. package/lib/components/forms/file-upload/file-upload.types.d.ts.map +1 -0
  33. package/lib/components/forms/file-upload/file-upload.types.js +40 -0
  34. package/lib/components/forms/file-upload/index.d.ts +6 -0
  35. package/lib/components/forms/file-upload/index.d.ts.map +1 -0
  36. package/lib/components/forms/file-upload/index.js +4 -0
  37. package/package.json +5 -1
@@ -0,0 +1,40 @@
1
+ const extensionColorMap = {
2
+ pdf: 'red',
3
+ doc: 'blue',
4
+ docx: 'blue',
5
+ xls: 'green',
6
+ xlsx: 'green',
7
+ csv: 'green',
8
+ ppt: 'amber',
9
+ pptx: 'amber',
10
+ jpg: 'green',
11
+ jpeg: 'green',
12
+ png: 'green',
13
+ gif: 'green',
14
+ svg: 'green',
15
+ webp: 'green',
16
+ mp4: 'blue',
17
+ mov: 'blue',
18
+ avi: 'blue',
19
+ webm: 'blue',
20
+ mp3: 'purple',
21
+ wav: 'purple',
22
+ flac: 'purple',
23
+ ogg: 'purple',
24
+ zip: 'amber',
25
+ rar: 'amber',
26
+ '7z': 'amber',
27
+ tar: 'amber',
28
+ gz: 'amber',
29
+ js: 'amber',
30
+ ts: 'blue',
31
+ html: 'red',
32
+ css: 'blue',
33
+ json: 'amber',
34
+ xml: 'red',
35
+ txt: 'gray',
36
+ md: 'gray'
37
+ };
38
+ export function getColorForExtension(ext) {
39
+ return extensionColorMap[ext.toLowerCase()] ?? 'gray';
40
+ }
@@ -0,0 +1,6 @@
1
+ export { FileIconComponent } from './file-icon.component.js';
2
+ export { FileUploadComponent } from './file-upload.component.js';
3
+ export { FileUploadItemComponent } from './file-upload-item.component.js';
4
+ export type { FileUploadStatus, FileIconColor, FileValidationError } from './file-upload.types.js';
5
+ export { getColorForExtension } from './file-upload.types.js';
6
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/file-upload/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AAC1E,YAAY,EAAE,gBAAgB,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AACnG,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC"}
@@ -0,0 +1,4 @@
1
+ export { FileIconComponent } from './file-icon.component.js';
2
+ export { FileUploadComponent } from './file-upload.component.js';
3
+ export { FileUploadItemComponent } from './file-upload-item.component.js';
4
+ export { getColorForExtension } from './file-upload.types.js';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@melodicdev/components",
3
- "version": "1.2.4",
3
+ "version": "1.3.0",
4
4
  "description": "Themeable UI component library built on the Melodic Framework",
5
5
  "license": "MIT",
6
6
  "author": "Melodic Development",
@@ -141,6 +141,10 @@
141
141
  "types": "./lib/components/overlays/dropdown/index.d.ts",
142
142
  "default": "./lib/components/overlays/dropdown/index.js"
143
143
  },
144
+ "./file-upload": {
145
+ "types": "./lib/components/forms/file-upload/index.d.ts",
146
+ "default": "./lib/components/forms/file-upload/index.js"
147
+ },
144
148
  "./form-field": {
145
149
  "types": "./lib/components/forms/form-field/index.d.ts",
146
150
  "default": "./lib/components/forms/form-field/index.js"