@maggioli-design-system/mds-table-row 4.4.2 → 4.5.0

package/dist/stats.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2023-12-20T08:53:28",
+  "timestamp": "2024-02-09T14:57:10",
   "compiler": {
     "name": "node",
     "version": "20.10.0"
@@ -9,34 +9,49 @@
     "fsNamespace": "mds-table-row",
     "components": 1,
     "entries": 1,
-    "bundles": 64,
+    "bundles": 79,
     "outputs": [
       {
         "name": "dist-collection",
-        "files": 23,
+        "files": 38,
         "generatedFiles": [
           "./dist/collection/common/aria.js",
+          "./dist/collection/common/file.js",
+          "./dist/collection/common/icon.js",
           "./dist/collection/common/keyboard-manager.js",
           "./dist/collection/common/unit.js",
+          "./dist/collection/common/yugop/core.js",
+          "./dist/collection/common/yugop/index.js",
+          "./dist/collection/common/yugop/random-text.js",
+          "./dist/collection/common/yugop/utils/math.js",
+          "./dist/collection/common/yugop/utils/noop.js",
+          "./dist/collection/common/yugop/utils/prng.js",
+          "./dist/collection/common/yugop/utils/string.js",
           "./dist/collection/components/mds-table-row/mds-table-row.js",
           "./dist/collection/dictionary/autocomplete.js",
           "./dist/collection/dictionary/button.js",
           "./dist/collection/dictionary/color.js",
+          "./dist/collection/dictionary/file-extensions.js",
           "./dist/collection/dictionary/floating-ui.js",
           "./dist/collection/dictionary/icon.js",
           "./dist/collection/dictionary/input.js",
           "./dist/collection/dictionary/loading.js",
+          "./dist/collection/dictionary/text.js",
           "./dist/collection/dictionary/typography.js",
           "./dist/collection/dictionary/variant.js",
           "./dist/collection/fixtures/cities.js",
+          "./dist/collection/fixtures/filenames.js",
           "./dist/collection/interface/input-value.js",
           "./dist/collection/type/autocomplete.js",
           "./dist/collection/type/button.js",
+          "./dist/collection/type/file-types.js",
           "./dist/collection/type/floating-ui.js",
           "./dist/collection/type/form-rel.js",
           "./dist/collection/type/input.js",
           "./dist/collection/type/loading.js",
+          "./dist/collection/type/text.js",
           "./dist/collection/type/typography.js",
+          "./dist/collection/type/variant-file-format.js",
           "./dist/collection/type/variant.js"
         ]
       },
@@ -54,17 +69,17 @@
         "name": "dist-lazy",
         "files": 35,
         "generatedFiles": [
-          "./dist/cjs/index-74074cfd.js",
+          "./dist/cjs/index-7b6fb148.js",
           "./dist/cjs/index.cjs.js",
           "./dist/cjs/loader.cjs.js",
           "./dist/cjs/mds-table-row.cjs.entry.js",
           "./dist/cjs/mds-table-row.cjs.js",
-          "./dist/esm-es5/index-152f5146.js",
+          "./dist/esm-es5/index-9f40909f.js",
           "./dist/esm-es5/index.js",
           "./dist/esm-es5/loader.js",
           "./dist/esm-es5/mds-table-row.entry.js",
           "./dist/esm-es5/mds-table-row.js",
-          "./dist/esm/index-152f5146.js",
+          "./dist/esm/index-9f40909f.js",
           "./dist/esm/index.js",
           "./dist/esm/loader.js",
           "./dist/esm/mds-table-row.entry.js",
@@ -74,21 +89,21 @@
           "./dist/mds-table-row/index.esm.js",
           "./dist/mds-table-row/mds-table-row.esm.js",
           "./dist/mds-table-row/mds-table-row.js",
-          "./dist/mds-table-row/p-0461a91a.system.entry.js",
-          "./dist/mds-table-row/p-1bbb8bb6.system.js",
+          "./dist/mds-table-row/p-24e0f761.system.js",
+          "./dist/mds-table-row/p-4e5a0559.js",
           "./dist/mds-table-row/p-50ea2036.system.js",
-          "./dist/mds-table-row/p-6d1e82c7.system.js",
-          "./dist/mds-table-row/p-8b036a2e.entry.js",
-          "./dist/mds-table-row/p-ccb2cba7.js",
+          "./dist/mds-table-row/p-65fbbba9.system.js",
+          "./dist/mds-table-row/p-ab9fb13e.entry.js",
+          "./dist/mds-table-row/p-f8b0aa6b.system.entry.js",
           "./www/build/index.esm.js",
           "./www/build/mds-table-row.esm.js",
           "./www/build/mds-table-row.js",
-          "./www/build/p-0461a91a.system.entry.js",
-          "./www/build/p-1bbb8bb6.system.js",
+          "./www/build/p-24e0f761.system.js",
+          "./www/build/p-4e5a0559.js",
           "./www/build/p-50ea2036.system.js",
-          "./www/build/p-6d1e82c7.system.js",
-          "./www/build/p-8b036a2e.entry.js",
-          "./www/build/p-ccb2cba7.js"
+          "./www/build/p-65fbbba9.system.js",
+          "./www/build/p-ab9fb13e.entry.js",
+          "./www/build/p-f8b0aa6b.system.entry.js"
         ]
       },
       {
@@ -121,12 +136,12 @@
         "components": [
           "mds-table-row"
         ],
-        "bundleId": "p-8b036a2e",
-        "fileName": "p-8b036a2e.entry.js",
+        "bundleId": "p-ab9fb13e",
+        "fileName": "p-ab9fb13e.entry.js",
         "imports": [
-          "p-ccb2cba7.js"
+          "p-4e5a0559.js"
         ],
-        "originalByteSize": 1116
+        "originalByteSize": 3709
       }
     ],
     "esm": [
@@ -138,9 +153,9 @@
         "bundleId": "mds-table-row",
         "fileName": "mds-table-row.entry.js",
         "imports": [
-          "index-152f5146.js"
+          "index-9f40909f.js"
         ],
-        "originalByteSize": 1120
+        "originalByteSize": 3713
       }
     ],
     "es5": [
@@ -152,9 +167,9 @@
         "bundleId": "mds-table-row",
         "fileName": "mds-table-row.entry.js",
         "imports": [
-          "index-152f5146.js"
+          "index-9f40909f.js"
         ],
-        "originalByteSize": 1120
+        "originalByteSize": 3713
       }
     ],
     "system": [
@@ -163,12 +178,12 @@
         "components": [
           "mds-table-row"
         ],
-        "bundleId": "p-0461a91a.system",
-        "fileName": "p-0461a91a.system.entry.js",
+        "bundleId": "p-f8b0aa6b.system",
+        "fileName": "p-f8b0aa6b.system.entry.js",
         "imports": [
-          "p-6d1e82c7.system.js"
+          "p-24e0f761.system.js"
         ],
-        "originalByteSize": 1401
+        "originalByteSize": 3994
       }
     ],
     "commonjs": [
@@ -180,9 +195,9 @@
         "bundleId": "mds-table-row.cjs",
         "fileName": "mds-table-row.cjs.entry.js",
         "imports": [
-          "index-74074cfd.js"
+          "index-7b6fb148.js"
         ],
-        "originalByteSize": 1190
+        "originalByteSize": 3783
       }
     ]
   },
@@ -300,7 +315,7 @@
               "modeName": "$",
               "styleId": "MDS-TABLE-ROW",
               "styleStr": null,
-              "styleIdentifier": "mdsTableRowStyle",
+              "styleIdentifier": "MdsTableRowStyle",
               "externalStyles": [
                 {
                   "absolutePath": "/builds/maggiolispa/ricerca-sviluppo-new-media/magma/design-system/projects/stencil/.build/mds-table-row/src/components/mds-table-row/mds-table-row.css",
@@ -380,10 +395,10 @@
           "htmlParts": [],
           "isUpdateable": true,
           "potentialCmpRefs": [],
-          "directDependencies": [],
-          "dependencies": [],
           "dependents": [],
-          "directDependents": []
+          "dependencies": [],
+          "directDependents": [],
+          "directDependencies": []
         }
       ],
       "entryKey": "mds-table-row.entry"
@@ -391,17 +406,36 @@
   ],
   "componentGraph": {
     "sc-mds-table-row": [
-      "p-ccb2cba7.js"
+      "p-4e5a0559.js"
     ]
   },
   "sourceGraph": {
     "./src/common/aria.ts": [],
+    "./src/common/file.ts": [],
+    "./src/common/icon.ts": [],
     "./src/common/keyboard-manager.ts": [],
     "./src/common/unit.ts": [],
+    "./src/common/yugop/core.ts": [
+      "./src/common/yugop/utils/math",
+      "./src/common/yugop/utils/prng",
+      "./src/common/yugop/utils/string"
+    ],
+    "./src/common/yugop/index.ts": [],
+    "./src/common/yugop/random-text.ts": [
+      "./src/common/yugop/core",
+      "./src/common/yugop/utils/noop"
+    ],
+    "./src/common/yugop/utils/math.ts": [
+      "./src/common/yugop/utils/prng"
+    ],
+    "./src/common/yugop/utils/noop.ts": [],
+    "./src/common/yugop/utils/prng.ts": [],
+    "./src/common/yugop/utils/string.ts": [],
     "./src/components/mds-table-row/mds-table-row.tsx": [],
     "./src/dictionary/autocomplete.ts": [],
     "./src/dictionary/button.ts": [],
     "./src/dictionary/color.ts": [],
+    "./src/dictionary/file-extensions.ts": [],
     "./src/dictionary/floating-ui.ts": [],
     "./src/dictionary/icon.ts": [
       "./src/fixtures/icons.json",
@@ -409,18 +443,26 @@
     ],
     "./src/dictionary/input.ts": [],
     "./src/dictionary/loading.ts": [],
+    "./src/dictionary/text.ts": [],
     "./src/dictionary/typography.ts": [],
     "./src/dictionary/variant.ts": [],
     "./src/fixtures/cities.ts": [],
+    "./src/fixtures/filenames.ts": [],
     "./src/interface/input-value.ts": [],
     "./src/type/autocomplete.ts": [],
     "./src/type/button.ts": [],
+    "./src/type/file-types.ts": [],
     "./src/type/floating-ui.ts": [],
     "./src/type/form-rel.ts": [],
     "./src/type/input.ts": [],
     "./src/type/loading.ts": [],
+    "./src/type/text.ts": [],
     "./src/type/typography.ts": [],
+    "./src/type/variant-file-format.ts": [],
     "./src/type/variant.ts": []
   },
+  "rollupResults": {
+    "modules": []
+  },
   "collections": []
 }

package/dist/types/common/file.d.ts

@@ -0,0 +1,12 @@
+import { ExtensionInfo } from '@dictionary/file-extensions';
+interface FileFormatsVariants {
+    color: string;
+    icon: string;
+    iconBackground: string;
+    variant: string;
+}
+declare const getName: (rawFilename: string) => string;
+declare const getSuffix: (rawFilename: string, suffixOverride?: string) => string;
+declare const getExtensionInfos: (rawFilename: string, suffixOverride?: string) => ExtensionInfo;
+declare const getFormatsVariant: (rawFilename: string, suffixOverride?: string) => FileFormatsVariants;
+export { getExtensionInfos, getFormatsVariant, getSuffix, getName, };

package/dist/types/common/icon.d.ts

@@ -0,0 +1,5 @@
+declare const BASE64_SVG_ICON = "data:image/svg+xml;base64,";
+declare const MARKUP_SVG_ICON = "<svg ";
+declare const isIconFormatIsBase64: (icon?: string) => boolean;
+declare const isIconFormatIsSVG: (icon?: string) => boolean;
+export { isIconFormatIsBase64, isIconFormatIsSVG, BASE64_SVG_ICON, MARKUP_SVG_ICON, };

package/dist/types/common/unit.d.ts

@@ -1,2 +1,3 @@
 declare const cssDurationToMilliseconds: (duration: string, defaultValue?: number) => number;
-export { cssDurationToMilliseconds, };
+declare const cssSizeToNumber: (size: string, defaultValue?: number) => number;
+export { cssDurationToMilliseconds, cssSizeToNumber, };

package/dist/types/common/yugop/core.d.ts

@@ -0,0 +1,10 @@
+export declare const generateRandomCharCodeArray: (arg0: number, arg1: number) => (arg0: string) => number[];
+type Options = {
+    str: string;
+    minCharCode: number;
+    maxCharCode: number;
+    placeholderChar: string;
+    charStep: number;
+};
+export declare const charCodeArrayToString: (arg0: Options) => (arg0: number[]) => string;
+export {};

package/dist/types/common/yugop/index.d.ts

@@ -0,0 +1 @@
+export { default } from './random-text';

package/dist/types/common/yugop/random-text.d.ts

@@ -0,0 +1,31 @@
+type Options = {
+    str: string;
+    speed?: number;
+    placeholderChar?: string;
+    frameOffset?: number;
+    charOffset?: number;
+    charStep?: number;
+    minCharCode?: number;
+    maxCharCode?: number;
+    onProgress?: (arg0: string) => void;
+    onComplete?: (arg0: string) => void;
+};
+declare class RandomText {
+    static defaults: Options;
+    str: string;
+    speed: number;
+    placeholderChar: string;
+    frameOffset: number;
+    charOffset: number;
+    charStep: number;
+    minCharCode: number;
+    maxCharCode: number;
+    onProgress: (...args: Array<string>) => string;
+    onComplete: (...args: Array<string>) => string;
+    rafId: number;
+    constructor(options: Options);
+    start: () => void;
+    stop(): void;
+    step(randoms: number[], stepCount: number, speed: number): void;
+}
+export default RandomText;

package/dist/types/common/yugop/utils/math.d.ts

@@ -0,0 +1,3 @@
+export declare const randomSign: () => number;
+export declare const generateRandomNumbers: (arg0: number) => (arg0: number) => (arg0: number) => number[];
+export declare const minMaxLooped: (arg0: number, arg1: number) => (arg0: number) => number;

package/dist/types/common/yugop/utils/noop.d.ts

@@ -0,0 +1 @@
+export declare const noop: (...rest: unknown[]) => unknown;

package/dist/types/common/yugop/utils/prng.d.ts

@@ -0,0 +1,8 @@
+type Generator = (_?: number) => {
+    random: () => number;
+    randomFloat: () => number;
+    range: (min: number, max: number) => number;
+    rangeFloat: (min: number, max: number) => number;
+};
+export declare const generator: Generator;
+export {};

package/dist/types/common/yugop/utils/string.d.ts

@@ -0,0 +1 @@
+export declare const strToCharCodeArray: (arg0: string) => number[];

package/dist/types/dictionary/file-extensions.d.ts

@@ -0,0 +1,11 @@
+interface FileExtenstion {
+    [key: string]: ExtensionInfo;
+}
+interface ExtensionInfo {
+    preview?: boolean;
+    format: string;
+    description: string;
+}
+declare const fileExtensionsDictionary: FileExtenstion;
+declare const genericMimeToExt: Map<string, string[]>;
+export { FileExtenstion, ExtensionInfo, fileExtensionsDictionary, genericMimeToExt, };

package/dist/types/dictionary/icon.d.ts

@@ -1,3 +1,4 @@
 declare const iconsDictionary: string[];
 declare const mggIconsDictionary: string[];
-export { iconsDictionary, mggIconsDictionary, };
+declare const svgIconsDictionary: string[];
+export { iconsDictionary, mggIconsDictionary, svgIconsDictionary, };

package/dist/types/dictionary/text.d.ts

@@ -0,0 +1,2 @@
+declare const truncateDictionary: string[];
+export { truncateDictionary, };

package/dist/types/dictionary/variant.d.ts

@@ -2,9 +2,10 @@ declare const themeVariantDictionary: string[];
 declare const themeLuminanceVariantDictionary: string[];
 declare const themeStatusVariantDictionary: string[];
 declare const themeFullVariantDictionary: string[];
+declare const themeFullVariantAvatarDictionary: string[];
 declare const themeLabelVariantDictionary: string[];
 declare const toneVariantDictionary: string[];
 declare const toneActionVariantDictionary: string[];
 declare const toneSimpleVariantDictionary: string[];
 declare const toneMinimalVariantDictionary: string[];
-export { themeFullVariantDictionary, themeLabelVariantDictionary, themeLuminanceVariantDictionary, themeStatusVariantDictionary, themeVariantDictionary, toneActionVariantDictionary, toneMinimalVariantDictionary, toneSimpleVariantDictionary, toneVariantDictionary, };
+export { themeFullVariantAvatarDictionary, themeFullVariantDictionary, themeLabelVariantDictionary, themeLuminanceVariantDictionary, themeStatusVariantDictionary, themeVariantDictionary, toneActionVariantDictionary, toneMinimalVariantDictionary, toneSimpleVariantDictionary, toneVariantDictionary, };

package/dist/types/fixtures/filenames.d.ts

@@ -0,0 +1,2 @@
+declare const filesList: string[];
+export { filesList, };

package/dist/types/type/file-types.d.ts

@@ -0,0 +1 @@
+export type ExtensionSuffixType = '7z' | 'ace' | 'ai' | 'db' | 'default' | 'dmg' | 'doc' | 'docm' | 'docx' | 'eml' | 'eps' | 'exe' | 'flac' | 'gif' | 'heic' | 'htm' | 'html' | 'jpe' | 'jpeg' | 'jpg' | 'js' | 'json' | 'jsx' | 'm2v' | 'mp2' | 'mp3' | 'mp4' | 'mp4v' | 'mpeg' | 'mpg' | 'mpg4' | 'mpga' | 'odp' | 'ods' | 'odt' | 'pdf' | 'php' | 'png' | 'ppt' | 'rar' | 'rtf' | 'sass' | 'shtml' | 'svg' | 'tar' | 'tiff' | 'ts' | 'txt' | 'wav' | 'webp' | 'xar' | 'xls' | 'xlsx' | 'zip';

package/dist/types/type/text.d.ts

@@ -0,0 +1 @@
+export type TypographyTruncateType = 'all' | 'none' | 'word';

package/dist/types/type/variant-file-format.d.ts

@@ -0,0 +1,11 @@
+interface FileFormatVariant {
+    color: string;
+    icon: string;
+    iconBackground: string;
+    variant: string;
+}
+interface FileFormatVariants {
+    [key: string]: FileFormatVariant;
+}
+declare const fileFormatsVariant: FileFormatVariants;
+export { fileFormatsVariant, FileFormatVariant, FileFormatVariants, };

package/dist/types/type/variant.d.ts

@@ -1,6 +1,7 @@
 export type ThemeStatusVariantType = 'error' | 'info' | 'success' | 'warning';
 export type ThemeVariantType = 'dark' | 'error' | 'info' | 'light' | 'primary' | 'success' | 'warning';
 export type ThemeFullVariantType = 'amaranth' | 'aqua' | 'blue' | 'dark' | 'error' | 'green' | 'info' | 'light' | 'lime' | 'orange' | 'orchid' | 'sky' | 'success' | 'violet' | 'warning' | 'yellow';
+export type ThemeFullVariantAvatarType = 'amaranth' | 'aqua' | 'blue' | 'error' | 'green' | 'info' | 'lime' | 'orange' | 'orchid' | 'primary' | 'sky' | 'success' | 'violet' | 'warning' | 'yellow';
 export type ThemeLuminanceVariantType = 'dark' | 'light';
 export type LabelVariantType = 'amaranth' | 'aqua' | 'blue' | 'green' | 'lime' | 'orange' | 'orchid' | 'sky' | 'violet' | 'yellow';
 export type ActionVariantType = 'primary' | 'dark' | 'light';

package/documentation.json

@@ -1,9 +1,9 @@
 {
-  "timestamp": "2023-12-20T08:21:18",
+  "timestamp": "2024-02-09T14:18:39",
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.8.0",
-    "typescriptVersion": "5.2.2"
+    "version": "4.10.0",
+    "typescriptVersion": "5.3.3"
   },
   "components": [
     {
@@ -86,6 +86,16 @@
       "docstring": "",
       "path": "src/components/mds-accordion-timer-item/meta/event-detail.ts"
     },
+    "src/type/variant.ts::ToneMinimalVariantType": {
+      "declaration": "export type ToneMinimalVariantType =\n| 'strong'\n| 'weak'",
+      "docstring": "",
+      "path": "src/type/variant.ts"
+    },
+    "src/type/variant.ts::ThemeFullVariantAvatarType": {
+      "declaration": "export type ThemeFullVariantAvatarType =\n  | 'amaranth'\n  | 'aqua'\n  | 'blue'\n  | 'error'\n  | 'green'\n  | 'info'\n  | 'lime'\n  | 'orange'\n  | 'orchid'\n  | 'primary'\n  | 'sky'\n  | 'success'\n  | 'violet'\n  | 'warning'\n  | 'yellow'",
+      "docstring": "",
+      "path": "src/type/variant.ts"
+    },
     "src/type/variant.ts::ThemeFullVariantType": {
       "declaration": "export type ThemeFullVariantType =\n  | 'amaranth'\n  | 'aqua'\n  | 'blue'\n  | 'dark'\n  | 'error'\n  | 'green'\n  | 'info'\n  | 'light'\n  | 'lime'\n  | 'orange'\n  | 'orchid'\n  | 'sky'\n  | 'success'\n  | 'violet'\n  | 'warning'\n  | 'yellow'",
       "docstring": "",
@@ -191,16 +201,26 @@
       "docstring": "",
       "path": "src/components/mds-dropdown/meta/event-detail.ts"
     },
-    "src/components/mds-file/meta/types.ts::ExtensionSuffixType": {
-      "declaration": "export type ExtensionSuffixType =\n  | '7z'\n  | 'ace'\n  | 'ai'\n  | 'db'\n  | 'default'\n  | 'dmg'\n  | 'doc'\n  | 'docm'\n  | 'docx'\n  | 'eml'\n  | 'eps'\n  | 'exe'\n  | 'flac'\n  | 'gif'\n  | 'htm'\n  | 'html'\n  | 'jpe'\n  | 'jpeg'\n  | 'jpg'\n  | 'js'\n  | 'json'\n  | 'jsx'\n  | 'm2v'\n  | 'mp2'\n  | 'mp3'\n  | 'mp4'\n  | 'mp4v'\n  | 'mpeg'\n  | 'mpg'\n  | 'mpg4'\n  | 'mpga'\n  | 'odp'\n  | 'ods'\n  | 'odt'\n  | 'pdf'\n  | 'php'\n  | 'png'\n  | 'ppt'\n  | 'rar'\n  | 'rtf'\n  | 'sass'\n  | 'shtml'\n  | 'svg'\n  | 'tar'\n  | 'ts'\n  | 'txt'\n  | 'wav'\n  | 'xar'\n  | 'xls'\n  | 'xlsx'\n  | 'zip'",
+    "src/type/file-types.ts::ExtensionSuffixType": {
+      "declaration": "export type ExtensionSuffixType =\n  | '7z'\n  | 'ace'\n  | 'ai'\n  | 'db'\n  | 'default'\n  | 'dmg'\n  | 'doc'\n  | 'docm'\n  | 'docx'\n  | 'eml'\n  | 'eps'\n  | 'exe'\n  | 'flac'\n  | 'gif'\n  | 'heic'\n  | 'htm'\n  | 'html'\n  | 'jpe'\n  | 'jpeg'\n  | 'jpg'\n  | 'js'\n  | 'json'\n  | 'jsx'\n  | 'm2v'\n  | 'mp2'\n  | 'mp3'\n  | 'mp4'\n  | 'mp4v'\n  | 'mpeg'\n  | 'mpg'\n  | 'mpg4'\n  | 'mpga'\n  | 'odp'\n  | 'ods'\n  | 'odt'\n  | 'pdf'\n  | 'php'\n  | 'png'\n  | 'ppt'\n  | 'rar'\n  | 'rtf'\n  | 'sass'\n  | 'shtml'\n  | 'svg'\n  | 'tar'\n  | 'tiff'\n  | 'ts'\n  | 'txt'\n  | 'wav'\n  | 'webp'\n  | 'xar'\n  | 'xls'\n  | 'xlsx'\n  | 'zip'",
       "docstring": "",
-      "path": "src/components/mds-file/meta/types.ts"
+      "path": "src/type/file-types.ts"
     },
     "src/components/mds-file/meta/event-detail.ts::MdsFileEventDetail": {
       "declaration": "export interface MdsFileEventDetail {\n  description: string\n  extension: string\n  filename: string\n  target: HTMLMdsFileElement\n  type: string\n}",
       "docstring": "",
       "path": "src/components/mds-file/meta/event-detail.ts"
     },
+    "src/type/text.ts::TypographyTruncateType": {
+      "declaration": "export type TypographyTruncateType =\n  | 'all'\n  | 'none'\n  | 'word'",
+      "docstring": "",
+      "path": "src/type/text.ts"
+    },
+    "src/components/mds-file-preview/meta/event-detail.ts::MdsFilePreviewEventDetail": {
+      "declaration": "export interface MdsFilePreviewEventDetail {\n  extension: string\n  filename: string\n  target: HTMLMdsFileElement\n}",
+      "docstring": "",
+      "path": "src/components/mds-file-preview/meta/event-detail.ts"
+    },
     "src/components/mds-filter/meta/event-detail.ts::MdsFilterEventDetail": {
       "declaration": "export interface MdsFilterEventDetail {\n  children: NodeListOf<HTMLMdsFilterItemElement>\n  value: string\n}",
       "docstring": "",
@@ -336,6 +356,11 @@
       "docstring": "",
       "path": "src/type/input.ts"
     },
+    "src/components/mds-input-upload/meta/types.ts::AttachmentSort": {
+      "declaration": "enum AttachmentSort {\n  status = 'status',\n  date = 'date',\n}",
+      "docstring": "",
+      "path": "src/components/mds-input-upload/meta/types.ts"
+    },
     "src/type/typography.ts::TypographyType": {
       "declaration": "export type TypographyType =\n  | 'action'\n  | 'caption'\n  | 'snippet'\n  | 'detail'\n  | 'h1'\n  | 'h2'\n  | 'h3'\n  | 'h4'\n  | 'h5'\n  | 'h6'\n  | 'hack'\n  | 'label'\n  | 'option'\n  | 'paragraph'\n  | 'tip'",
       "docstring": "",
@@ -376,6 +401,11 @@
       "docstring": "",
       "path": "src/components/mds-progress/meta/types.ts"
     },
+    "src/components/mds-push-notification/meta/types.ts::NotificationPreviewType": {
+      "declaration": "export type NotificationPreviewType =\n  | 'avatar'\n  | 'image'",
+      "docstring": "",
+      "path": "src/components/mds-push-notification/meta/types.ts"
+    },
     "src/components/mds-stepper-bar/meta/event-detail.ts::MdsStepperBarEventDetail": {
       "declaration": "export interface MdsStepperBarEventDetail {\n  step: number\n  value: string\n}",
       "docstring": "",
@@ -387,7 +417,7 @@
       "path": "src/components/mds-stepper-bar-item/meta/event-detail.ts"
     },
     "src/components/mds-tab/meta/event-detail.ts::MdsTabEventDetail": {
-      "declaration": "export interface MdsTabEventDetail {\n  id: number\n}",
+      "declaration": "export interface MdsTabEventDetail {\n  id: number\n  value?: string\n}",
       "docstring": "",
       "path": "src/components/mds-tab/meta/event-detail.ts"
     },
@@ -401,6 +431,16 @@
       "docstring": "",
       "path": "src/type/typography.ts"
     },
+    "src/components/mds-tab-item/meta/event-detail.ts::MdsTabItemEventDetail": {
+      "declaration": "export interface MdsTabItemEventDetail {\n  target: HTMLMdsTabItemElement\n  value?: string\n}",
+      "docstring": "",
+      "path": "src/components/mds-tab-item/meta/event-detail.ts"
+    },
+    "src/components/mds-text/meta/types.ts::TextAnimationType": {
+      "declaration": "export type TextAnimationType =\n  | 'none'\n  | 'yugop'",
+      "docstring": "",
+      "path": "src/components/mds-text/meta/types.ts"
+    },
     "src/components/mds-text/meta/types.ts::TypographyTagType": {
       "declaration": "export type TypographyTagType =\n  | 'abbr'\n  | 'address'\n  | 'article'\n  | 'b'\n  | 'bdo'\n  | 'blockquote'\n  | 'cite'\n  | 'code'\n  | 'dd'\n  | 'del'\n  | 'details'\n  | 'dfn'\n  | 'div'\n  | 'dl'\n  | 'dt'\n  | 'em'\n  | 'figcaption'\n  | 'h1'\n  | 'h2'\n  | 'h3'\n  | 'h4'\n  | 'h5'\n  | 'h6'\n  | 'i'\n  | 'ins'\n  | 'kbd'\n  | 'label'\n  | 'legend'\n  | 'li'\n  | 'mark'\n  | 'ol'\n  | 'p'\n  | 'pre'\n  | 'q'\n  | 'rb'\n  | 'rt'\n  | 'ruby'\n  | 's'\n  | 'samp'\n  | 'small'\n  | 'span'\n  | 'strong'\n  | 'sub'\n  | 'summary'\n  | 'sup'\n  | 'time'\n  | 'u'\n  | 'ul'\n  | 'var'",
       "docstring": "",
@@ -411,11 +451,6 @@
       "docstring": "",
       "path": "src/type/variant.ts"
     },
-    "src/type/variant.ts::ToneMinimalVariantType": {
-      "declaration": "export type ToneMinimalVariantType =\n| 'strong'\n| 'weak'",
-      "docstring": "",
-      "path": "src/type/variant.ts"
-    },
     "src/components/mds-toast/meta/types.ts::ToastPosition": {
       "declaration": "export type ToastPosition =\n  | 'top-left'\n  | 'top-center'\n  | 'top-right'\n  | 'bottom-left'\n  | 'bottom-center'\n  | 'bottom-right'",
       "docstring": "",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maggioli-design-system/mds-table-row",
-  "version": "4.4.2",
+  "version": "4.5.0",
   "description": "mds-table-row is a web-component from Magma Design System, built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -23,9 +23,9 @@
     "prepublishOnly": "npm run build"
   },
   "dependencies": {
-    "@maggioli-design-system/mds-table-cell": "4.4.2",
-    "@maggioli-design-system/styles": "14.0.0",
-    "@stencil/core": "4.8.0"
+    "@maggioli-design-system/mds-table-cell": "4.5.0",
+    "@maggioli-design-system/styles": "14.2.1",
+    "@stencil/core": "4.10.0"
   },
   "license": "MIT",
   "author": {

package/src/common/file.ts

@@ -0,0 +1,63 @@
+import { fileExtensionsDictionary, ExtensionInfo } from '@dictionary/file-extensions'
+import { fileFormatsVariant } from '@type/variant-file-format'
+
+interface FileFormatsVariants {
+  color: string
+  icon: string
+  iconBackground: string
+  variant: string
+}
+
+const sanitizeFilename = (filename: string, error: string = 'Attribute "filename" is undefined.') => {
+  if (filename === undefined ) {
+    throw console.error(error)
+  }
+  if (filename.includes('/')) {
+    return filename.split('/').pop() ?? ''
+  }
+  return filename
+}
+
+const sanitizeSuffix = (rawFilename: string) => {
+  const filename = sanitizeFilename(rawFilename)
+  if (filename.includes('.')) {
+    return filename.split('.').pop() ?? ''
+  }
+  return filename
+}
+
+const getName = (rawFilename: string): string => {
+  const filename = sanitizeFilename(rawFilename)
+  if (filename.includes('.')) {
+    return filename.split('.')[0] ?? ''
+  }
+  return filename
+}
+
+const getSuffix = (rawFilename: string, suffixOverride?: string): string => {
+  const suffix = sanitizeSuffix(rawFilename)
+  const filename = sanitizeFilename(rawFilename)
+  if (suffixOverride !== null && suffixOverride !== undefined) {
+    return suffixOverride.toLowerCase()
+  }
+  if (suffix !== filename) {
+    return suffix
+  }
+  return 'default'
+}
+
+const getExtensionInfos = (rawFilename: string, suffixOverride?: string): ExtensionInfo => {
+  const suffix = getSuffix(rawFilename, suffixOverride).toLocaleLowerCase()
+  return fileExtensionsDictionary[suffix] ?? fileExtensionsDictionary.default
+}
+
+const getFormatsVariant = (rawFilename: string, suffixOverride?: string): FileFormatsVariants => {
+  return fileFormatsVariant[getExtensionInfos(rawFilename, suffixOverride).format]
+}
+
+export {
+  getExtensionInfos,
+  getFormatsVariant,
+  getSuffix,
+  getName,
+}