@dbcdk/react-components 0.0.205 → 0.0.206

package/README.md

@@ -233,6 +233,22 @@ Storybook includes the a11y addon to help identify issues during development.
 
 ---
 
+## MIME type helpers
+
+These helpers work on both the server and client and are exported from the root and `/client` entrypoints:
+
+```ts
+import { formatMimeType, getMimeTypeExtension } from '@dbcdk/react-components'
+
+formatMimeType('application/pdf') // 'PDF'
+formatMimeType('text/plain; charset=utf-8') // 'Tekst'
+getMimeTypeExtension('image/jpeg') // 'jpg'
+```
+
+`formatMimeType` provides Danish labels for common MIME types, preserves unknown values unchanged, and returns `-` for `null` or `undefined`. `getMimeTypeExtension` returns an extension without a dot for common image types and PDF, or `undefined` for unsupported types. Both ignore MIME parameters, casing, and surrounding whitespace when looking up known types.
+
+---
+
 ## Contributing
 
 See [`CONTRIBUTING.md`](./CONTRIBUTING.md) for detailed guidelines on:

package/dist/client.cjs

@@ -51,6 +51,7 @@ var MultiSelect = require('./components/forms/multi-select/MultiSelect');
 var useViewportFill = require('./hooks/useViewportFill');
 var useStickyLayout = require('./hooks/useStickyLayout');
 var formatDate = require('./utils/date/formatDate');
+var mimeTypes = require('./utils/files/mimeTypes');
 var FilterField = require('./components/filter-field/FilterField');
 var Select = require('./components/forms/select/Select');
 var SplitButton = require('./components/split-button/SplitButton');
@@ -335,6 +336,14 @@ Object.defineProperty(exports, "formatDate", {
   enumerable: true,
   get: function () { return formatDate.formatDate; }
 });
+Object.defineProperty(exports, "formatMimeType", {
+  enumerable: true,
+  get: function () { return mimeTypes.formatMimeType; }
+});
+Object.defineProperty(exports, "getMimeTypeExtension", {
+  enumerable: true,
+  get: function () { return mimeTypes.getMimeTypeExtension; }
+});
 Object.defineProperty(exports, "FilterField", {
   enumerable: true,
   get: function () { return FilterField.FilterField; }

package/dist/client.d.ts

@@ -83,6 +83,7 @@ export type { MultiselectOption } from './components/forms/multi-select/MultiSel
 export { useViewportFill } from './hooks/useViewportFill';
 export { useStickyLayout } from './hooks/useStickyLayout';
 export { formatDate } from './utils/date/formatDate';
+export { formatMimeType, getMimeTypeExtension } from './utils/files/mimeTypes';
 export type { FormatDateOptions } from './utils/date/formatDate';
 export { FilterField, NUMBER_OPERATORS } from './components/filter-field/FilterField';
 export type { Operator, FilterEvent, FilterFieldProps } from './components/filter-field/FilterField';

package/dist/client.js

@@ -49,6 +49,7 @@ export { MultiSelect } from './components/forms/multi-select/MultiSelect';
 export { useViewportFill } from './hooks/useViewportFill';
 export { useStickyLayout } from './hooks/useStickyLayout';
 export { formatDate } from './utils/date/formatDate';
+export { formatMimeType, getMimeTypeExtension } from './utils/files/mimeTypes';
 export { FilterField, NUMBER_OPERATORS } from './components/filter-field/FilterField';
 export { Select } from './components/forms/select/Select';
 export { SplitButton } from './components/split-button/SplitButton';

package/dist/index.cjs

@@ -26,6 +26,7 @@ var severity_types = require('./constants/severity.types');
 var AppHeader = require('./components/app-header/AppHeader');
 var nestedFiltering = require('./utils/arrays/nested-filtering');
 var formatDate = require('./utils/date/formatDate');
+var mimeTypes = require('./utils/files/mimeTypes');
 var clipboard_utils = require('./utils/clipboard.utils');
 var AttributeChip = require('./components/attribute-chip/AttributeChip');
 var MetaBar = require('./components/meta-bar/MetaBar');
@@ -210,6 +211,12 @@ Object.keys(formatDate).forEach(function (k) {
 		get: function () { return formatDate[k]; }
 	});
 });
+Object.keys(mimeTypes).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return mimeTypes[k]; }
+	});
+});
 Object.keys(clipboard_utils).forEach(function (k) {
 	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
 		enumerable: true,

package/dist/index.d.ts

@@ -24,6 +24,7 @@ export * from './constants/severity.types';
 export * from './components/app-header/AppHeader';
 export * from './utils/arrays/nested-filtering';
 export * from './utils/date/formatDate';
+export * from './utils/files/mimeTypes';
 export * from './utils/clipboard.utils';
 export * from './components/attribute-chip/AttributeChip';
 export * from './components/meta-bar/MetaBar';

package/dist/index.js

@@ -24,6 +24,7 @@ export * from './constants/severity.types';
 export * from './components/app-header/AppHeader';
 export * from './utils/arrays/nested-filtering';
 export * from './utils/date/formatDate';
+export * from './utils/files/mimeTypes';
 export * from './utils/clipboard.utils';
 export * from './components/attribute-chip/AttributeChip';
 export * from './components/meta-bar/MetaBar';

package/dist/utils/files/mimeTypes.cjs

@@ -0,0 +1,92 @@
+'use strict';
+
+const MIME_TYPE_LABELS = /* @__PURE__ */ new Map([
+  ["application/pdf", "PDF"],
+  ["application/epub+zip", "EPUB"],
+  ["application/vnd.amazon.ebook", "Kindle"],
+  ["application/msword", "Word (DOC)"],
+  ["application/vnd.openxmlformats-officedocument.wordprocessingml.document", "Word (DOCX)"],
+  ["application/vnd.ms-excel", "Excel (XLS)"],
+  ["application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", "Excel (XLSX)"],
+  ["application/vnd.ms-powerpoint", "PowerPoint (PPT)"],
+  [
+    "application/vnd.openxmlformats-officedocument.presentationml.presentation",
+    "PowerPoint (PPTX)"
+  ],
+  ["application/vnd.oasis.opendocument.text", "OpenDocument-tekst (ODT)"],
+  ["application/vnd.oasis.opendocument.spreadsheet", "OpenDocument-regneark (ODS)"],
+  ["application/vnd.oasis.opendocument.presentation", "OpenDocument-pr\xE6sentation (ODP)"],
+  ["application/rtf", "RTF"],
+  ["text/rtf", "RTF"],
+  ["text/plain", "Tekst"],
+  ["text/html", "HTML"],
+  ["application/xhtml+xml", "XHTML"],
+  ["text/csv", "CSV"],
+  ["text/tab-separated-values", "TSV"],
+  ["text/markdown", "Markdown"],
+  ["text/calendar", "Kalender (ICS)"],
+  ["application/xml", "XML"],
+  ["text/xml", "XML"],
+  ["application/json", "JSON"],
+  ["application/ld+json", "JSON-LD"],
+  ["image/jpeg", "JPEG"],
+  ["image/png", "PNG"],
+  ["image/apng", "APNG"],
+  ["image/gif", "GIF"],
+  ["image/webp", "WebP"],
+  ["image/avif", "AVIF"],
+  ["image/tiff", "TIFF"],
+  ["image/bmp", "BMP"],
+  ["image/svg+xml", "SVG"],
+  ["image/vnd.microsoft.icon", "ICO"],
+  ["audio/mpeg", "MP3"],
+  ["audio/mp4", "MP4-lyd"],
+  ["audio/aac", "AAC"],
+  ["audio/ogg", "Ogg-lyd"],
+  ["audio/wav", "WAV"],
+  ["audio/webm", "WebM-lyd"],
+  ["audio/midi", "MIDI"],
+  ["audio/x-midi", "MIDI"],
+  ["video/mp4", "MP4-video"],
+  ["video/mpeg", "MPEG-video"],
+  ["video/ogg", "Ogg-video"],
+  ["video/webm", "WebM-video"],
+  ["video/quicktime", "QuickTime (MOV)"],
+  ["video/x-msvideo", "AVI"],
+  ["application/zip", "ZIP"],
+  ["application/x-zip-compressed", "ZIP"],
+  ["application/gzip", "GZIP"],
+  ["application/x-gzip", "GZIP"],
+  ["application/x-tar", "TAR"],
+  ["application/vnd.rar", "RAR"],
+  ["application/x-rar-compressed", "RAR"],
+  ["application/x-7z-compressed", "7-Zip"],
+  ["application/x-bzip", "BZIP"],
+  ["application/x-bzip2", "BZIP2"],
+  ["application/octet-stream", "Bin\xE6r fil"]
+]);
+const MIME_TYPE_EXTENSIONS = /* @__PURE__ */ new Map([
+  ["application/pdf", "pdf"],
+  ["image/jpeg", "jpg"],
+  ["image/png", "png"],
+  ["image/apng", "apng"],
+  ["image/gif", "gif"],
+  ["image/webp", "webp"],
+  ["image/avif", "avif"],
+  ["image/tiff", "tiff"],
+  ["image/bmp", "bmp"],
+  ["image/svg+xml", "svg"],
+  ["image/vnd.microsoft.icon", "ico"]
+]);
+function getMimeTypeExtension(mimeType) {
+  return MIME_TYPE_EXTENSIONS.get(mimeType.split(";", 1)[0].trim().toLowerCase());
+}
+function formatMimeType(mimeType) {
+  var _a;
+  if (mimeType === void 0 || mimeType === null) return "-";
+  const type = mimeType.split(";", 1)[0].trim().toLowerCase();
+  return (_a = MIME_TYPE_LABELS.get(type)) != null ? _a : mimeType;
+}
+
+exports.formatMimeType = formatMimeType;
+exports.getMimeTypeExtension = getMimeTypeExtension;

package/dist/utils/files/mimeTypes.d.ts

@@ -0,0 +1,2 @@
+export declare function getMimeTypeExtension(mimeType: string): string | undefined;
+export declare function formatMimeType(mimeType: string | undefined | null): string;

package/dist/utils/files/mimeTypes.js

@@ -0,0 +1,89 @@
+const MIME_TYPE_LABELS = /* @__PURE__ */ new Map([
+  ["application/pdf", "PDF"],
+  ["application/epub+zip", "EPUB"],
+  ["application/vnd.amazon.ebook", "Kindle"],
+  ["application/msword", "Word (DOC)"],
+  ["application/vnd.openxmlformats-officedocument.wordprocessingml.document", "Word (DOCX)"],
+  ["application/vnd.ms-excel", "Excel (XLS)"],
+  ["application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", "Excel (XLSX)"],
+  ["application/vnd.ms-powerpoint", "PowerPoint (PPT)"],
+  [
+    "application/vnd.openxmlformats-officedocument.presentationml.presentation",
+    "PowerPoint (PPTX)"
+  ],
+  ["application/vnd.oasis.opendocument.text", "OpenDocument-tekst (ODT)"],
+  ["application/vnd.oasis.opendocument.spreadsheet", "OpenDocument-regneark (ODS)"],
+  ["application/vnd.oasis.opendocument.presentation", "OpenDocument-pr\xE6sentation (ODP)"],
+  ["application/rtf", "RTF"],
+  ["text/rtf", "RTF"],
+  ["text/plain", "Tekst"],
+  ["text/html", "HTML"],
+  ["application/xhtml+xml", "XHTML"],
+  ["text/csv", "CSV"],
+  ["text/tab-separated-values", "TSV"],
+  ["text/markdown", "Markdown"],
+  ["text/calendar", "Kalender (ICS)"],
+  ["application/xml", "XML"],
+  ["text/xml", "XML"],
+  ["application/json", "JSON"],
+  ["application/ld+json", "JSON-LD"],
+  ["image/jpeg", "JPEG"],
+  ["image/png", "PNG"],
+  ["image/apng", "APNG"],
+  ["image/gif", "GIF"],
+  ["image/webp", "WebP"],
+  ["image/avif", "AVIF"],
+  ["image/tiff", "TIFF"],
+  ["image/bmp", "BMP"],
+  ["image/svg+xml", "SVG"],
+  ["image/vnd.microsoft.icon", "ICO"],
+  ["audio/mpeg", "MP3"],
+  ["audio/mp4", "MP4-lyd"],
+  ["audio/aac", "AAC"],
+  ["audio/ogg", "Ogg-lyd"],
+  ["audio/wav", "WAV"],
+  ["audio/webm", "WebM-lyd"],
+  ["audio/midi", "MIDI"],
+  ["audio/x-midi", "MIDI"],
+  ["video/mp4", "MP4-video"],
+  ["video/mpeg", "MPEG-video"],
+  ["video/ogg", "Ogg-video"],
+  ["video/webm", "WebM-video"],
+  ["video/quicktime", "QuickTime (MOV)"],
+  ["video/x-msvideo", "AVI"],
+  ["application/zip", "ZIP"],
+  ["application/x-zip-compressed", "ZIP"],
+  ["application/gzip", "GZIP"],
+  ["application/x-gzip", "GZIP"],
+  ["application/x-tar", "TAR"],
+  ["application/vnd.rar", "RAR"],
+  ["application/x-rar-compressed", "RAR"],
+  ["application/x-7z-compressed", "7-Zip"],
+  ["application/x-bzip", "BZIP"],
+  ["application/x-bzip2", "BZIP2"],
+  ["application/octet-stream", "Bin\xE6r fil"]
+]);
+const MIME_TYPE_EXTENSIONS = /* @__PURE__ */ new Map([
+  ["application/pdf", "pdf"],
+  ["image/jpeg", "jpg"],
+  ["image/png", "png"],
+  ["image/apng", "apng"],
+  ["image/gif", "gif"],
+  ["image/webp", "webp"],
+  ["image/avif", "avif"],
+  ["image/tiff", "tiff"],
+  ["image/bmp", "bmp"],
+  ["image/svg+xml", "svg"],
+  ["image/vnd.microsoft.icon", "ico"]
+]);
+function getMimeTypeExtension(mimeType) {
+  return MIME_TYPE_EXTENSIONS.get(mimeType.split(";", 1)[0].trim().toLowerCase());
+}
+function formatMimeType(mimeType) {
+  var _a;
+  if (mimeType === void 0 || mimeType === null) return "-";
+  const type = mimeType.split(";", 1)[0].trim().toLowerCase();
+  return (_a = MIME_TYPE_LABELS.get(type)) != null ? _a : mimeType;
+}
+
+export { formatMimeType, getMimeTypeExtension };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dbcdk/react-components",
-  "version": "0.0.205",
+  "version": "0.0.206",
   "description": "Reusable React components for DBC projects",
   "license": "ISC",
   "author": "",