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

package/src/common/icon.ts

@@ -0,0 +1,25 @@
+const BASE64_SVG_ICON = 'data:image/svg+xml;base64,'
+const MARKUP_SVG_ICON = '<svg '
+
+const isIconFormatIsBase64 = (icon?: string): boolean => {
+  if (!icon) {
+    return false
+  }
+  return icon.startsWith(BASE64_SVG_ICON)
+}
+
+const isIconFormatIsSVG = (icon?: string): boolean => {
+  if (!icon) {
+    return false
+  }
+  return icon.startsWith(MARKUP_SVG_ICON)
+}
+
+
+
+export {
+  isIconFormatIsBase64,
+  isIconFormatIsSVG,
+  BASE64_SVG_ICON,
+  MARKUP_SVG_ICON,
+}

package/src/common/unit.ts

@@ -1,14 +1,33 @@
 const cssDurationToMilliseconds = (duration: string, defaultValue = 1000): number => {
+
+  if (duration.includes('ms')) {
+    return Number(duration.replace('ms', ''))
+  }
+
   if (duration.includes('s')) {
     return Number(duration.replace('s', '')) * 1000
   }
 
-  if (duration.includes('ms')) {
-    return Number(duration.replace('s', ''))
+  return defaultValue
+}
+
+const cssSizeToNumber = (size: string, defaultValue = 0): number => {
+  if (size.includes('px')) {
+    return Number(size.replace('px', ''))
+  }
+
+  if (size.includes('rem')) {
+    return Number(size.replace('rem', '')) * 16
   }
 
+  if (size.includes('em')) {
+    return Number(size.replace('em', '')) * 16
+  }
+  
   return defaultValue
 }
+
 export {
   cssDurationToMilliseconds,
+  cssSizeToNumber,
 }

package/src/common/yugop/core.ts

@@ -0,0 +1,47 @@
+import { generator } from './utils/prng'
+import { strToCharCodeArray } from './utils/string'
+import { randomSign, minMaxLooped } from './utils/math'
+const rand = generator()
+
+const random: (arg0: number, arg1: number) => () => number = (
+  base,
+  offset,
+) => () => (base + rand.range(0, offset)) * randomSign()
+
+export const generateRandomCharCodeArray: (
+  arg0: number,
+  arg1: number
+) => (arg0: string) => number[] = (base, offset) => str =>
+  strToCharCodeArray(str).map(random(base, offset))
+type Options = {
+  str: string
+  minCharCode: number
+  maxCharCode: number
+  placeholderChar: string
+  charStep: number
+}
+export const charCodeArrayToString: (
+  arg0: Options
+) => (arg0: number[]) => string = ({
+  str,
+  minCharCode,
+  maxCharCode,
+  placeholderChar,
+  charStep,
+}) => charCodes =>
+  charCodes.reduce((acc, item, index) => {
+    if (item !== 0) {
+      if (Math.abs(item) > charStep) {
+        return acc + placeholderChar
+      }
+
+      return (
+        acc +
+        String.fromCharCode(
+          minMaxLooped(minCharCode, maxCharCode)(str.charCodeAt(index) + item),
+        )
+      )
+    }
+
+    return acc + str.charAt(index)
+  }, '')

package/src/common/yugop/index.ts

@@ -0,0 +1,4 @@
+// taken from https://github.com/zenoplex/random-text
+
+// @flow
+export { default } from './random-text'

package/src/common/yugop/random-text.ts

@@ -0,0 +1,95 @@
+import { generateRandomCharCodeArray, charCodeArrayToString } from './core'
+import { noop } from './utils/noop'
+
+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
+}
+
+class RandomText {
+  static defaults: Options = {
+    str: '',
+    speed: 2,
+    placeholderChar: '_',
+    frameOffset: 30,
+    charOffset: 20,
+    charStep: 10,
+    minCharCode: 32,
+    maxCharCode: 122,
+    onProgress: noop,
+    onComplete: noop,
+  }
+  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 // TODO: should be #rafId for private
+
+  constructor (options: Options) {
+    Object.assign(this, { ...RandomText.defaults, ...options })
+  }
+
+  start = (): void => {
+    const { frameOffset, charOffset, str, speed } = this
+    const randoms = generateRandomCharCodeArray(frameOffset, charOffset)(str)
+    this.stop()
+    this.rafId = requestAnimationFrame(() => {
+      this.step(randoms, speed, speed)
+    })
+  }
+
+  stop (): void {
+    cancelAnimationFrame(this.rafId)
+  }
+
+  step (randoms: number[], stepCount: number, speed: number): void {
+    const {
+      str,
+      charStep,
+      minCharCode,
+      maxCharCode,
+      placeholderChar,
+      onProgress,
+      onComplete,
+    } = this
+    const stepArray = randoms.slice(0, stepCount)
+    const steppedArray = stepArray.map(item => {
+      if (item > 0) return item - 1
+      if (item < 0) return item + 1
+      return 0
+    })
+    const output = charCodeArrayToString({
+      str,
+      minCharCode,
+      maxCharCode,
+      placeholderChar,
+      charStep,
+    })(steppedArray)
+    const updatedRandoms = [...steppedArray, ...randoms.slice(stepCount)]
+    onProgress(output)
+
+    if (output !== str) {
+      this.rafId = requestAnimationFrame(() => {
+        this.step(updatedRandoms, stepCount + speed, speed)
+      })
+    } else {
+      onComplete(output)
+    }
+  }
+}
+
+export default RandomText

package/src/common/yugop/utils/math.ts

@@ -0,0 +1,21 @@
+import { generator } from './prng'
+
+const rand = generator()
+export const randomSign: () => number = () =>
+  (Math.round(Math.random()) - 0.5) * 2
+export const generateRandomNumbers: (
+  arg0: number
+) => (
+  arg0: number
+) => (arg0: number) => number[] = base => charOffset => length =>
+  [...Array(length)].map(
+    () => (base + rand.range(0, charOffset)) * randomSign(),
+  )
+export const minMaxLooped: (
+  arg0: number,
+  arg1: number
+) => (arg0: number) => number = (min, max) => value => {
+  if (value > max) return min + (value - max)
+  if (value < min) return max + (value - min)
+  return value
+}

package/src/common/yugop/utils/noop.ts

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

package/src/common/yugop/utils/prng.ts

@@ -0,0 +1,35 @@
+const int32 = 2147483647
+
+const gen: (arg0: number) => number = v => (v * 16807) % int32
+
+const randomFloat: (arg0: number) => number = v => gen(v) / int32
+
+const randomInt: (arg0: number) => number = v => gen(v)
+
+type Generator = (
+  _?: number
+) => {
+  random: () => number
+  randomFloat: () => number
+  range: (min: number, max: number) => number
+  rangeFloat: (min: number, max: number) => number
+}
+export const generator: Generator = (seed = 1) => {
+  let value = seed < 1 ? 1 : seed
+
+  const next: () => number = () => {
+    value = randomInt(value)
+    return value
+  }
+
+  return {
+    random: () => next(),
+    randomFloat: () => randomFloat(next()),
+    range: (min, max) => {
+      const minimum = min - 0.4999
+      const maximum = max + 0.4999
+      return Math.round(minimum + (maximum - minimum) * randomFloat(next()))
+    },
+    rangeFloat: (min, max) => min + (max - min) * randomFloat(next()),
+  }
+}

package/src/common/yugop/utils/string.ts

@@ -0,0 +1,4 @@
+// export const strToCharCodeArray: string => number[] = str => str.split('').map(item => item.charCodeAt(0));
+
+export const strToCharCodeArray: (arg0: string) => number[] = str =>
+  str.split('').map(item => item.charCodeAt(0))

package/src/dictionary/file-extensions.ts

@@ -0,0 +1,81 @@
+interface FileExtenstion {
+  [key: string]: ExtensionInfo
+}
+
+interface ExtensionInfo {
+  preview?: boolean
+  format: string
+  description: string
+}
+
+const fileExtensionsDictionary: FileExtenstion = {
+  '7z': { format: 'archive', description: 'Archivio compresso' },
+  ace: { format: 'archive', description: 'Archivio compresso' },
+  ai: { format: 'vector', description: 'Vettoriale Adobe Illustrator' },
+  dart: { format: 'code', description: 'Dart' },
+  db: { format: 'data', description: 'File di database' },
+  default: { format: 'attachment', description: 'Formato sconosciuto' },
+  dmg: { format: 'executable', description: 'Apple Disk Image' },
+  doc: { format: 'text', description: 'Documento Microsoft Word' },
+  docm: { format: 'text', description: 'Documento Microsoft Word' },
+  docx: { format: 'text', description: 'Documento Microsoft Word Compresso' },
+  eml: { format: 'email', description: 'E-mail di posta elettronica' },
+  eps: { format: 'vector', description: 'Vettoriale Corel Draw' },
+  exe: { format: 'executable', description: 'File eseguibile Windows' },
+  flac: { format: 'audio', description: 'Audio non compresso' },
+  gif: { format: 'image', description: 'Immagine compressa', preview: true },
+  htm: { format: 'markup', description: 'Pagina web' },
+  heic: { format: 'image', description: 'High Efficiency Image File Format' },
+  html: { format: 'markup', description: 'Pagina web' },
+  jpe: { format: 'image', description: 'Immagine compressa', preview: true },
+  jpeg: { format: 'image', description: 'Immagine compressa', preview: true },
+  jpg: { format: 'image', description: 'Immagine compressa', preview: true },
+  js: { format: 'code', description: 'JavaScript' },
+  json: { format: 'data', description: 'JavaScript Object Notation' },
+  jsx: { format: 'code', description: 'JavaScript' },
+  m2v: { format: 'video', description: 'Filmato SD' },
+  mp2: { format: 'audio', description: 'Audio compresso' },
+  mp3: { format: 'audio', description: 'Audio compresso' },
+  mp4: { format: 'video', description: 'Filmato HD' },
+  mp4v: { format: 'video', description: 'Filmato HD' },
+  mpeg: { format: 'video', description: 'Filmato SD' },
+  mpg4: { format: 'video', description: 'Filmato SD' },
+  mpg: { format: 'video', description: 'Filmato SD' },
+  mpga: { format: 'audio', description: 'Audio compresso' },
+  odp: { format: 'slide', description: 'Slide di presentazione LibreOffice' },
+  ods: { format: 'spreadsheet', description: 'Foglio di calcolo LibreOffice' },
+  odt: { format: 'text', description: 'File di testo LibreOffice' },
+  pdf: { format: 'document', description: 'Documento Adobe' },
+  php: { format: 'code', description: 'Hypertext Preprocessor' },
+  png: { format: 'image', description: 'Immagine Portable Network Graphics', preview: true },
+  ppt: { format: 'slide', description: 'Slide di presentazione PowerPoint' },
+  rar: { format: 'archive', description: 'Archivio compresso' },
+  rtf: { format: 'text', description: 'Documento di testo Rich Text Format' },
+  sass: { format: 'code', description: 'Syntactically Awesome StyleSheets' },
+  shtml: { format: 'markup', description: 'Pagina web' },
+  svg: { format: 'vector', description: 'Scalable Vector Graphics', preview: true },
+  tar: { format: 'archive', description: 'Archivio non compresso' },
+  tiff: { format: 'image', description: 'Tag Image File Format' },
+  ts: { format: 'code', description: 'TypeScript' },
+  tsx: { format: 'code', description: 'TypeScript Extended Syntax' },
+  txt: { format: 'text', description: 'Documento di testo non formattato' },
+  wav: { format: 'audio', description: 'Audio non compresso' },
+  webp: { format: 'image', description: 'Immagine Web Picture', preview: true },
+  xar: { format: 'archive', description: 'Archivio compresso' },
+  xls: { format: 'spreadsheet', description: 'Foglio di calcolo Office' },
+  xlsx: { format: 'spreadsheet', description: 'Foglio di calcolo Office' },
+  zip: { format: 'archive', description: 'Archivio compresso' },
+}
+
+const genericMimeToExt: Map<string, string[]> = new Map([
+  ['image', ['.png', '.jpg', '.jpeg', '.tiff', '.webp', '.jpe', '.gif', '.heic']],
+  ['audio', ['.mp2', '.mp3', '.mpga', '.wav', '.flac']],
+  ['video', ['.mv2', '.mp4', '.mp4v', '.mpeg', '.mpg4', '.mpg']],
+])
+
+export {
+  FileExtenstion,
+  ExtensionInfo,
+  fileExtensionsDictionary,
+  genericMimeToExt,
+}

package/src/dictionary/icon.ts

@@ -2,8 +2,14 @@ import jsonIconsDictionary from '../fixtures/icons.json'
 import jsonMggIconsDictionary from '../fixtures/iconsauce.json'
 const iconsDictionary = jsonIconsDictionary
 const mggIconsDictionary = jsonMggIconsDictionary
+const svgIconsDictionary = [
+  `${location.origin}/svg/mi/baseline/email.svg`,
+  'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiPjxwYXRoIGQ9Im0yMzMtODAgNjUtMjgxTDgwLTU1MGwyODgtMjUgMTEyLTI2NSAxMTIgMjY1IDI4OCAyNS0yMTggMTg5IDY1IDI4MS0yNDctMTQ5TDIzMy04MFoiLz48L3N2Zz4=',
+  '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 5V1L7 6l5 5V7c3.31 0 6 2.69 6 6s-2.69 6-6 6s-6-2.69-6-6H4c0 4.42 3.58 8 8 8s8-3.58 8-8s-3.58-8-8-8z"/></svg>',
+]
 
 export {
   iconsDictionary,
   mggIconsDictionary,
+  svgIconsDictionary,
 }

package/src/dictionary/text.ts

@@ -0,0 +1,9 @@
+const truncateDictionary = [
+  'all',
+  'none',
+  'word',
+]
+
+export {
+  truncateDictionary,
+}

package/src/dictionary/variant.ts

@@ -39,6 +39,24 @@ const themeFullVariantDictionary = [
   'yellow',
 ]
 
+const themeFullVariantAvatarDictionary = [
+  'amaranth',
+  'aqua',
+  'blue',
+  'error',
+  'green',
+  'info',
+  'lime',
+  'orange',
+  'orchid',
+  'primary',
+  'sky',
+  'success',
+  'violet',
+  'warning',
+  'yellow',
+]
+
 const themeLabelVariantDictionary = [
   'amaranth',
   'aqua',
@@ -80,6 +98,7 @@ const toneMinimalVariantDictionary = [
 ]
 
 export {
+  themeFullVariantAvatarDictionary,
   themeFullVariantDictionary,
   themeLabelVariantDictionary,
   themeLuminanceVariantDictionary,

package/src/fixtures/filenames.ts

@@ -0,0 +1,60 @@
+const filesList = [
+  'alarm_circuit_plastic.eps',
+  'awesome_orchestration.png',
+  'b2c_tan_sports.svg',
+  'bedfordshire_iceland_identity.txt',
+  'books_monetize_arizona.htm',
+  'brand.shtml',
+  'brunei_logistical.eml',
+  'buckinghamshire_macao.jpg',
+  'calculating.json',
+  'complexity_deposit.mpg',
+  'compressing_black_colorado.ods',
+  'connect_local_visualize.pdf',
+  'copying.default',
+  'explicit.mp2',
+  'fish.php',
+  'flexibility_auto_money.html',
+  'foreground_overriding.ai',
+  'forge_face.ts',
+  'forges.doc',
+  'frozen_haptic.7z',
+  'gorgeous_manager_savings.ppt',
+  'graphic_frozen_bedfordshire.tar',
+  'hdd_navigate_panama.xlsx',
+  'https://i2.wp.com/clipart.info/images/ccovers/1495750818Apple-PNG-Clip-Art.png',
+  'impactful_alarm_handmade.mpeg',
+  'initiatives_group.gif',
+  'intelligent_radical.jpe',
+  'interface_bedfordshire_solid.m2v',
+  'iowa_installation.jpeg',
+  'liaison_panel_central.flac',
+  'matrix_black_hat.db',
+  'metrics_lempira_account.xls',
+  'monitor.js',
+  'nebraska.mp4',
+  'needs_based_solid.odp',
+  'officer_somalia.docm',
+  'open_source.webp',
+  'open_source_gorgeous.sass',
+  'optimization_radical.mp3',
+  'ports_copy_granite.mpga',
+  'pound.rtf',
+  'protocol_designer.dmg',
+  'reduced_regional_greenland.mp4v',
+  'revolutionize.mpg4',
+  'rss_systematic_avon.exe',
+  'salad_compressing.odt',
+  'sky_marketing.ace',
+  'synergistic.wav',
+  'this_is_an_extensionless_file',
+  'tuna_table_fall.zip',
+  'unbranded.rar',
+  'upgradable_gold.docx',
+  'wisconsin_bypassing_small.xar',
+  'wooden.jsx',
+]
+
+export {
+  filesList,
+}

package/src/fixtures/icons.json

@@ -6,6 +6,7 @@
     "mdi/delete",
     "mdi/dots-vertical",
     "mdi/email",
+    "mdi/file-document-remove-outline",
     "mdi/harddisk",
     "mdi/map-marker",
     "mdi/replay",
@@ -21,6 +22,7 @@
     "mgg/action-show-right-side",
     "mgg/action-show-sidebar-left",
     "mgg/action-show-sidebar-right",
+    "mgg/activation-key",
     "mgg/activity-list",
     "mgg/add-document-settings",
     "mgg/additional-contents",
@@ -227,6 +229,7 @@
     "mgg/todo-running-completed",
     "mgg/todo-suspended",
     "mgg/touchpoint-laptop-info",
+    "mgg/touchpoint-laptop-search",
     "mgg/traffic-cone",
     "mgg/trending-down",
     "mgg/tribute",
@@ -239,20 +242,24 @@
     "mgg/user-signed-out",
     "mgg/view-chart-gantt",
     "mgg/view-side-by-side",
+    "mgg/warning-superscript",
     "mgg/work-book",
     "mi/baseline/account-balance",
     "mi/baseline/account-balance-wallet",
     "mi/baseline/add",
+    "mi/baseline/add-circle",
     "mi/baseline/adobe",
     "mi/baseline/agriculture",
     "mi/baseline/arrow-back",
     "mi/baseline/arrow-forward",
     "mi/baseline/attach-file",
+    "mi/baseline/attachment",
     "mi/baseline/audiotrack",
     "mi/baseline/badge",
     "mi/baseline/book",
     "mi/baseline/border-all",
     "mi/baseline/cancel",
+    "mi/baseline/category",
     "mi/baseline/check-box",
     "mi/baseline/check-box-outline-blank",
     "mi/baseline/check-circle",
@@ -265,6 +272,7 @@
     "mi/baseline/email",
     "mi/baseline/error",
     "mi/baseline/explore",
+    "mi/baseline/file-download-done",
     "mi/baseline/folder-zip",
     "mi/baseline/groups",
     "mi/baseline/horizontal-rule",
@@ -284,6 +292,7 @@
     "mi/baseline/radio-button-checked",
     "mi/baseline/radio-button-unchecked",
     "mi/baseline/remove",
+    "mi/baseline/remove-circle",
     "mi/baseline/route",
     "mi/baseline/settings",
     "mi/baseline/terminal",
@@ -295,6 +304,7 @@
     "mi/baseline/web",
     "mi/baseline/wysiwyg",
     "mi/outline/help-outline",
+    "mi/outline/schedule",
     "mi/round/arrow-circle-down",
     "mi/round/email",
     "mi/round/groups",

package/src/fixtures/iconsauce.json

@@ -10,6 +10,7 @@
     "mgg/action-show-right-side",
     "mgg/action-show-sidebar-left",
     "mgg/action-show-sidebar-right",
+    "mgg/activation-key",
     "mgg/activity-list",
     "mgg/add-document-settings",
     "mgg/additional-contents",
@@ -216,6 +217,7 @@
     "mgg/todo-suspended",
     "mgg/todo",
     "mgg/touchpoint-laptop-info",
+    "mgg/touchpoint-laptop-search",
     "mgg/traffic-cone",
     "mgg/trending-down",
     "mgg/tribute",
@@ -228,5 +230,6 @@
     "mgg/user-signed-out",
     "mgg/view-chart-gantt",
     "mgg/view-side-by-side",
+    "mgg/warning-superscript",
     "mgg/work-book"
 ]

package/src/type/file-types.ts

@@ -0,0 +1,55 @@
+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/src/type/text.ts

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