@pega/cosmos-react-core 2.0.0-dev.2.1 → 2.0.0-dev.20.0

package/lib/utils/utils.js

@@ -1,12 +1,12 @@
-import React, { Fragment } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment } from 'react';
 /** @returns Debounced function that can be called only once in given timeout */
 export function debounce(func, waitTime) {
     let timeout;
     return (...args) => {
-        const ctx = this;
         const waitFunc = () => {
             timeout = null;
-            func.apply(ctx, args);
+            func.apply(this, args);
         };
         clearTimeout(timeout);
         timeout = setTimeout(waitFunc, waitTime);
@@ -61,7 +61,7 @@ export function replaceMatchWithElement(str, re, render) {
     return arr.flatMap((item, idx) => {
         if (!item)
             return [];
-        return React.createElement(Fragment, { key: idx }, item);
+        return _jsx(Fragment, { children: item }, idx);
     });
 }
 /** Get scrollbar width */
@@ -89,7 +89,7 @@ export function testElForOverflow(el) {
 }
 /** Used mostly to trigger css transition after DOM append */
 export function reflow(node) {
-    node = node !== null && node !== void 0 ? node : document.body;
+    node = node ?? document.body;
     return node.offsetWidth;
 }
 export function loadScript(src, onLoad, onError) {
@@ -197,4 +197,54 @@ export const getFocusables = (focusablesRef) => {
     const selector = 'a, button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])';
     return [...focusablesRef.current.querySelectorAll(selector)].filter(el => el instanceof HTMLElement && !el.hasAttribute('disabled'));
 };
+/**
+ * Generator that returns triple of subsequent values in the given array.
+ * @param array source array
+ * @returns triple of previous, current and next value on every call
+ */
+export function* triple(array) {
+    for (let i = 0; i < array.length; i += 1) {
+        yield { prev: array[i - 1], current: array[i], next: array[i + 1] };
+    }
+    return undefined;
+}
+/**
+ * Escape special characters in order to pass a string to the RegExp constructor.
+ * @param s a string.
+ * @returns a string with special characters escaped.
+ */
+export const escapeRegExp = (s) => String(s).replace(/[\\^$*+?.()|[\]{}]/g, '\\$&');
+/**
+ * Generate a RegExp with a string parameter.
+ * @param s The string to match.
+ * @param type How to match.
+ * @param flags Standard RegExp flags.
+ * @returns A RegExp with the match pattern.
+ */
+export const createStringMatcher = (s, type = 'contains', flags = 'i') => {
+    const escaped = escapeRegExp(s);
+    let pattern = escaped;
+    if (type === 'start') {
+        pattern = `^${escaped}`;
+    }
+    else if (type === 'boundary') {
+        pattern = `(?:^|\\s)${escaped}`;
+    }
+    return new RegExp(pattern, flags);
+};
+/**
+ * Function generates string representation of the given list accordingly to localization rules of given locale.
+ * @param list list of strings to format
+ * @param t translation function used internally
+ * @param locale locale tag to get the localization rules for
+ * @param options formatting options
+ * @returns
+ */
+export const formatListToLocaleString = (list, t, locale, { count = list.length, separator } = {}) => {
+    const remainder = count - list.length;
+    const toFormat = remainder > 0 ? [...list, t('more_count', [remainder], { count: remainder })] : list;
+    if (separator || !('ListFormat' in Intl))
+        return toFormat.join(separator ?? ', ');
+    return new Intl.ListFormat(locale, { style: 'long' }).format(toFormat);
+};
 //# sourceMappingURL=utils.js.map

package/lib/utils/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/utils/utils.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { Fragment, RefObject } from 'react';\n\n/** @returns Debounced function that can be called only once in given timeout */\nexport function debounce<F extends (...args: any[]) => any>(\n  this: any,\n  func: F,\n  waitTime: number\n): (...args: Parameters<F>) => void {\n  let timeout: any;\n  return (...args) => {\n    const ctx = this;\n    const waitFunc = () => {\n      timeout = null;\n      func.apply(ctx, args);\n    };\n    clearTimeout(timeout);\n    timeout = setTimeout(waitFunc, waitTime);\n  };\n}\n\n/** Check for an existence of prop */\nexport function hasProp<T extends object, P extends PropertyKey>(\n  obj: T,\n  prop: P\n): obj is T & { [key in P]: unknown } {\n  return Object.prototype.hasOwnProperty.call(obj, prop);\n}\n\n// Add some context...\nexport function bindAll<T extends object, K extends keyof T>(obj: T, names: K[]): void {\n  names.forEach(fn => {\n    obj[fn] = (obj[fn] as unknown as Function).bind(obj);\n  });\n}\n\n// Capitalize\nexport function cap(s: string): string {\n  return s.charAt(0).toUpperCase() + s.slice(1);\n}\n\n/** Generate unique id for elements */\nexport function createUID(): string {\n  return `_${Math.random().toString(36).substr(2, 9)}`;\n}\n\n/** Returns array with numbers from given range */\nexport function range(start: number, end: number): number[] {\n  return Array(end - start + 1)\n    .fill(0)\n    .map((_: any, idx: number) => start + idx);\n}\n\n/** Return an array of strings and regex replaced components */\nexport function replaceMatchWithElement(\n  str: string,\n  re: RegExp,\n  render: (match: string) => JSX.Element\n) {\n  const arr: (string | JSX.Element)[] = [];\n\n  // Only loop for stateful regexes.\n  if (re.global || re.sticky) {\n    let currIdx = 0;\n    let match: RegExpExecArray | null;\n\n    // eslint-disable-next-line no-cond-assign\n    while ((match = re.exec(str))) {\n      arr.push(str.slice(currIdx, match.index), render(match[0]));\n\n      currIdx = match.index + match[0].length;\n    }\n\n    arr.push(str.slice(currIdx));\n  } else {\n    const match = re.exec(str);\n    if (!match) arr.push(str);\n    else {\n      arr.push(\n        str.slice(0, match.index),\n        render(match[0]),\n        str.slice(match.index + match[0].length)\n      );\n    }\n  }\n\n  return arr.flatMap((item, idx) => {\n    if (!item) return [];\n\n    return <Fragment key={idx}>{item}</Fragment>;\n  });\n}\n\n/** Get scrollbar width */\nexport function getScrollbarWidth(): number {\n  const scrollDiv = document.createElement('div');\n  const divSize = '50px';\n  let size = 0;\n\n  scrollDiv.style.position = 'absolute';\n  scrollDiv.style.top = `-${divSize}`;\n  scrollDiv.style.width = divSize;\n  scrollDiv.style.height = divSize;\n  scrollDiv.style.overflow = 'scroll';\n\n  document.body.appendChild(scrollDiv);\n  size = scrollDiv.offsetWidth - scrollDiv.clientWidth;\n  document.body.removeChild(scrollDiv);\n\n  return size;\n}\n\n/** Test element for overflow */\nexport function testElForOverflow(el: Element): boolean {\n  if (typeof window === 'undefined') return false;\n\n  return el === document.body\n    ? el.clientWidth < window.innerWidth\n    : el.scrollHeight > el.clientHeight;\n}\n\n/** Used mostly to trigger css transition after DOM append */\nexport function reflow(node?: HTMLElement | null): number {\n  node = node ?? document.body;\n  return node.offsetWidth;\n}\n\nexport function loadScript(\n  src: string,\n  onLoad: (this: HTMLScriptElement, ev: Event) => any,\n  onError: (this: HTMLScriptElement, ev: ErrorEvent) => any\n) {\n  const scriptElem = document.createElement('script');\n  scriptElem.src = src;\n\n  scriptElem.addEventListener('load', onLoad);\n  scriptElem.addEventListener('error', onError);\n  document.head.appendChild(scriptElem);\n}\n\nexport function deepGet(obj: object, keys: PropertyKey[]): any {\n  let rtn: any = obj;\n\n  const found = keys.every(key => {\n    if (typeof rtn === 'object' && rtn) {\n      rtn = rtn[key];\n      return true;\n    }\n    return false;\n  });\n\n  if (found) return rtn;\n\n  return undefined;\n}\n\n/** Compares two objects by comparing each key value regardless of order. */\nexport function deepObjectComparison(valueA: any, valueB: any): boolean {\n  // If the values are strictly equal, return true\n  if (valueA === valueB) return true;\n\n  // If the values are not objects and are not equal, return false\n  if (\n    typeof valueA !== 'object' ||\n    typeof valueB !== 'object' ||\n    valueA === null ||\n    valueB === null\n  )\n    return false;\n\n  const keysA = Object.keys(valueA);\n  const keysB = Object.keys(valueB);\n\n  // If the objects have different numbers of keys, return false\n  if (keysA.length !== keysB.length) return false;\n\n  for (let i = 0; i < keysA.length; i += 1) {\n    const key = keysA[i];\n    // If there is not a 1:1 mapping of keys between the objects, return false\n    if (!keysB.includes(key)) return false;\n\n    if (typeof valueA[key] === 'function' || typeof valueB[key] === 'function') {\n      // If the value of a given key is a function, and the functions are not equivalent between the objects, return false\n      if (valueA[key].toString() !== valueB[key].toString()) return false;\n      // If all checks have passed thus far, compare the next set of nested values\n    } else if (!deepObjectComparison(valueA[key], valueB[key])) return false;\n  }\n\n  // If all checks have passed, the objects are deeply equal\n  return true;\n}\n\nexport function defineSmartGetter(\n  obj: Record<string, any>,\n  key: string,\n  valueFn: (...args: any[]) => any\n) {\n  Object.defineProperty(obj, key, {\n    get: () => {\n      delete obj[key];\n      obj[key] = valueFn();\n      return obj[key];\n    },\n    enumerable: true,\n    configurable: true\n  });\n\n  return obj;\n}\n\nexport const windowIsAvailable = typeof window !== 'undefined';\n\nexport const navigatorIsAvailable = typeof navigator !== 'undefined';\n\nexport const documentIsAvailable = typeof document !== 'undefined';\n\nexport function tryCatch<T>(tryFn: () => T): T | undefined;\nexport function tryCatch<T, C>(tryFn: () => T, catchFn: (err: unknown) => C): T | C;\nexport function tryCatch<T, C, F>(\n  tryFn: () => T,\n  catchFn: ((err: unknown) => C) | undefined,\n  finallyFn: () => F\n): F;\nexport function tryCatch<T, C, F>(\n  tryFn: () => T,\n  catchFn?: (err: unknown) => C,\n  finallyFn?: () => F\n): T | C | F | undefined {\n  try {\n    return tryFn();\n  } catch (err: unknown) {\n    if (catchFn) return catchFn(err);\n  } finally {\n    // eslint-disable-next-line no-unsafe-finally\n    if (finallyFn) return finallyFn();\n  }\n}\n\n/**\n * Returns normalized list of elements, ie. it de-reference the element from the Ref if needed.\n * @param els a list of elements or refs to normalize.\n * @returns a new list of the same length with the de-referenced elements.\n */\nexport const normalizeElements = <T extends Element = Element>(\n  els: (T | null | RefObject<T | null>)[]\n) => {\n  return els.map((el: T | null | RefObject<T | null>) => {\n    if (!el) return null;\n    return el instanceof Element ? el : el.current;\n  });\n};\n\n/**\n * Returns all valid focusable elements within a given ref.\n * @param focusablesRef The ref containing the element to search for focusable elements within.\n * @returns a list of valid focusable elements within the given ref.\n */\nexport const getFocusables = (focusablesRef: RefObject<HTMLElement>) => {\n  if (!focusablesRef.current) return [];\n\n  const selector = 'a, button, input, textarea, select, details, [tabindex]:not([tabindex=\"-1\"])';\n\n  return ([...focusablesRef.current.querySelectorAll(selector)] as HTMLElement[]).filter(\n    el => el instanceof HTMLElement && !el.hasAttribute('disabled')\n  );\n};\n"]}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/utils/utils.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Fragment, RefObject } from 'react';\n\nimport { TranslationFunction, TranslationPack } from '../i18n';\n\n/** @returns Debounced function that can be called only once in given timeout */\nexport function debounce<F extends (...args: any[]) => any>(\n  this: any,\n  func: F,\n  waitTime: number\n): (...args: Parameters<F>) => void {\n  let timeout: any;\n  return (...args) => {\n    const waitFunc = () => {\n      timeout = null;\n      func.apply(this, args);\n    };\n    clearTimeout(timeout);\n    timeout = setTimeout(waitFunc, waitTime);\n  };\n}\n\n/** Check for an existence of prop */\nexport function hasProp<T extends object, P extends PropertyKey>(\n  obj: T,\n  prop: P\n): obj is T & { [key in P]: unknown } {\n  return Object.prototype.hasOwnProperty.call(obj, prop);\n}\n\n// Add some context...\nexport function bindAll<T extends object, K extends keyof T>(obj: T, names: K[]): void {\n  names.forEach(fn => {\n    obj[fn] = (obj[fn] as unknown as Function).bind(obj);\n  });\n}\n\n// Capitalize\nexport function cap(s: string): string {\n  return s.charAt(0).toUpperCase() + s.slice(1);\n}\n\n/** Generate unique id for elements */\nexport function createUID(): string {\n  return `_${Math.random().toString(36).substr(2, 9)}`;\n}\n\n/** Returns array with numbers from given range */\nexport function range(start: number, end: number): number[] {\n  return Array(end - start + 1)\n    .fill(0)\n    .map((_: any, idx: number) => start + idx);\n}\n\n/** Return an array of strings and regex replaced components */\nexport function replaceMatchWithElement(\n  str: string,\n  re: RegExp,\n  render: (match: string) => JSX.Element\n) {\n  const arr: (string | JSX.Element)[] = [];\n\n  // Only loop for stateful regexes.\n  if (re.global || re.sticky) {\n    let currIdx = 0;\n    let match: RegExpExecArray | null;\n\n    // eslint-disable-next-line no-cond-assign\n    while ((match = re.exec(str))) {\n      arr.push(str.slice(currIdx, match.index), render(match[0]));\n\n      currIdx = match.index + match[0].length;\n    }\n\n    arr.push(str.slice(currIdx));\n  } else {\n    const match = re.exec(str);\n    if (!match) arr.push(str);\n    else {\n      arr.push(\n        str.slice(0, match.index),\n        render(match[0]),\n        str.slice(match.index + match[0].length)\n      );\n    }\n  }\n\n  return arr.flatMap((item, idx) => {\n    if (!item) return [];\n\n    return <Fragment key={idx}>{item}</Fragment>;\n  });\n}\n\n/** Get scrollbar width */\nexport function getScrollbarWidth(): number {\n  const scrollDiv = document.createElement('div');\n  const divSize = '50px';\n  let size = 0;\n\n  scrollDiv.style.position = 'absolute';\n  scrollDiv.style.top = `-${divSize}`;\n  scrollDiv.style.width = divSize;\n  scrollDiv.style.height = divSize;\n  scrollDiv.style.overflow = 'scroll';\n\n  document.body.appendChild(scrollDiv);\n  size = scrollDiv.offsetWidth - scrollDiv.clientWidth;\n  document.body.removeChild(scrollDiv);\n\n  return size;\n}\n\n/** Test element for overflow */\nexport function testElForOverflow(el: Element): boolean {\n  if (typeof window === 'undefined') return false;\n\n  return el === document.body\n    ? el.clientWidth < window.innerWidth\n    : el.scrollHeight > el.clientHeight;\n}\n\n/** Used mostly to trigger css transition after DOM append */\nexport function reflow(node?: HTMLElement | null): number {\n  node = node ?? document.body;\n  return node.offsetWidth;\n}\n\nexport function loadScript(\n  src: string,\n  onLoad: (this: HTMLScriptElement, ev: Event) => any,\n  onError: (this: HTMLScriptElement, ev: ErrorEvent) => any\n) {\n  const scriptElem = document.createElement('script');\n  scriptElem.src = src;\n\n  scriptElem.addEventListener('load', onLoad);\n  scriptElem.addEventListener('error', onError);\n  document.head.appendChild(scriptElem);\n}\n\nexport function deepGet(obj: object, keys: PropertyKey[]): any {\n  let rtn: any = obj;\n\n  const found = keys.every(key => {\n    if (typeof rtn === 'object' && rtn) {\n      rtn = rtn[key];\n      return true;\n    }\n    return false;\n  });\n\n  if (found) return rtn;\n\n  return undefined;\n}\n\n/** Compares two objects by comparing each key value regardless of order. */\nexport function deepObjectComparison(valueA: any, valueB: any): boolean {\n  // If the values are strictly equal, return true\n  if (valueA === valueB) return true;\n\n  // If the values are not objects and are not equal, return false\n  if (\n    typeof valueA !== 'object' ||\n    typeof valueB !== 'object' ||\n    valueA === null ||\n    valueB === null\n  )\n    return false;\n\n  const keysA = Object.keys(valueA);\n  const keysB = Object.keys(valueB);\n\n  // If the objects have different numbers of keys, return false\n  if (keysA.length !== keysB.length) return false;\n\n  for (let i = 0; i < keysA.length; i += 1) {\n    const key = keysA[i];\n    // If there is not a 1:1 mapping of keys between the objects, return false\n    if (!keysB.includes(key)) return false;\n\n    if (typeof valueA[key] === 'function' || typeof valueB[key] === 'function') {\n      // If the value of a given key is a function, and the functions are not equivalent between the objects, return false\n      if (valueA[key].toString() !== valueB[key].toString()) return false;\n      // If all checks have passed thus far, compare the next set of nested values\n    } else if (!deepObjectComparison(valueA[key], valueB[key])) return false;\n  }\n\n  // If all checks have passed, the objects are deeply equal\n  return true;\n}\n\nexport function defineSmartGetter(\n  obj: Record<string, any>,\n  key: string,\n  valueFn: (...args: any[]) => any\n) {\n  Object.defineProperty(obj, key, {\n    get: () => {\n      delete obj[key];\n      obj[key] = valueFn();\n      return obj[key];\n    },\n    enumerable: true,\n    configurable: true\n  });\n\n  return obj;\n}\n\nexport const windowIsAvailable = typeof window !== 'undefined';\n\nexport const navigatorIsAvailable = typeof navigator !== 'undefined';\n\nexport const documentIsAvailable = typeof document !== 'undefined';\n\nexport function tryCatch<T>(tryFn: () => T): T | undefined;\nexport function tryCatch<T, C>(tryFn: () => T, catchFn: (err: unknown) => C): T | C;\nexport function tryCatch<T, C, F>(\n  tryFn: () => T,\n  catchFn: ((err: unknown) => C) | undefined,\n  finallyFn: () => F\n): F;\nexport function tryCatch<T, C, F>(\n  tryFn: () => T,\n  catchFn?: (err: unknown) => C,\n  finallyFn?: () => F\n): T | C | F | undefined {\n  try {\n    return tryFn();\n  } catch (err: unknown) {\n    if (catchFn) return catchFn(err);\n  } finally {\n    // eslint-disable-next-line no-unsafe-finally\n    if (finallyFn) return finallyFn();\n  }\n}\n\n/**\n * Returns normalized list of elements, ie. it de-reference the element from the Ref if needed.\n * @param els a list of elements or refs to normalize.\n * @returns a new list of the same length with the de-referenced elements.\n */\nexport const normalizeElements = <T extends Element = Element>(\n  els: (T | null | RefObject<T | null>)[]\n) => {\n  return els.map((el: T | null | RefObject<T | null>) => {\n    if (!el) return null;\n    return el instanceof Element ? el : el.current;\n  });\n};\n\n/**\n * Returns all valid focusable elements within a given ref.\n * @param focusablesRef The ref containing the element to search for focusable elements within.\n * @returns a list of valid focusable elements within the given ref.\n */\nexport const getFocusables = (focusablesRef: RefObject<HTMLElement>) => {\n  if (!focusablesRef.current) return [];\n\n  const selector = 'a, button, input, textarea, select, details, [tabindex]:not([tabindex=\"-1\"])';\n\n  return ([...focusablesRef.current.querySelectorAll(selector)] as HTMLElement[]).filter(\n    el => el instanceof HTMLElement && !el.hasAttribute('disabled')\n  );\n};\n\n/**\n * Generator that returns triple of subsequent values in the given array.\n * @param array source array\n * @returns triple of previous, current and next value on every call\n */\nexport function* triple<T>(\n  array: T[]\n): Generator<{ prev?: T; current: T; next?: T }, undefined, unknown> {\n  for (let i = 0; i < array.length; i += 1) {\n    yield { prev: array[i - 1], current: array[i], next: array[i + 1] };\n  }\n  return undefined;\n}\n\n/**\n * Escape special characters in order to pass a string to the RegExp constructor.\n * @param s a string.\n * @returns a string with special characters escaped.\n */\nexport const escapeRegExp = (s: string): string => String(s).replace(/[\\\\^$*+?.()|[\\]{}]/g, '\\\\$&');\n\n/**\n * Generate a RegExp with a string parameter.\n * @param s The string to match.\n * @param type How to match.\n * @param flags Standard RegExp flags.\n * @returns A RegExp with the match pattern.\n */\nexport const createStringMatcher = (\n  s: string,\n  type: 'contains' | 'start' | 'boundary' = 'contains',\n  flags: string = 'i'\n): RegExp => {\n  const escaped = escapeRegExp(s);\n  let pattern: string = escaped;\n\n  if (type === 'start') {\n    pattern = `^${escaped}`;\n  } else if (type === 'boundary') {\n    pattern = `(?:^|\\\\s)${escaped}`;\n  }\n\n  return new RegExp(pattern, flags);\n};\n\n/**\n * Function generates string representation of the given list accordingly to localization rules of given locale.\n * @param list list of strings to format\n * @param t translation function used internally\n * @param locale locale tag to get the localization rules for\n * @param options formatting options\n * @returns\n */\nexport const formatListToLocaleString = (\n  list: string[],\n  t: TranslationFunction<TranslationPack>,\n  locale: string,\n  {\n    count = list.length,\n    separator\n  }: {\n    count?: number;\n    separator?: string;\n  } = {}\n) => {\n  const remainder = count - list.length;\n\n  const toFormat =\n    remainder > 0 ? [...list, t('more_count', [remainder], { count: remainder })] : list;\n\n  if (separator || !('ListFormat' in Intl)) return toFormat.join(separator ?? ', ');\n\n  return new Intl.ListFormat(locale, { style: 'long' }).format(toFormat);\n};\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/cosmos-react-core",
-  "version": "2.0.0-dev.2.1",
+  "version": "2.0.0-dev.20.0",
   "description": "Cosmos is a visual design system and UI component collection. Its goal is to empower application developers in their pursuit to create engaging and rewarding user experiences.",
   "author": "Pegasystems",
   "license": "SEE LICENSE IN LICENSE",
@@ -20,29 +20,29 @@
     "build": "tsc -b"
   },
   "dependencies": {
-    "@popperjs/core": "^2.3.1",
+    "@popperjs/core": "^2.9.2",
     "bignumber.js": "^9.0.1",
     "emoji-mart": "^3.0.1",
     "emoji-regex": "^9.2.0",
     "libphonenumber-js": "^1.9.9",
     "polished": "^4.1.0",
-    "react": "^16.13.1 || ^17.0.0",
+    "react": "^16.14.0 || ^17.0.0",
     "react-color": "^2.19.3",
-    "react-dom": "^16.13.1 || ^17.0.0",
-    "react-popper": "^2.2.2",
+    "react-dom": "^16.14.0 || ^17.0.0",
+    "react-popper": "^2.2.5",
     "styled-components": "^5.2.0"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "^6.2.9",
-    "@storybook/addon-actions": "^6.2.9",
-    "@storybook/addon-knobs": "^6.2.9",
-    "@storybook/addon-storysource": "^6.2.9",
-    "@storybook/addon-toolbars": "^6.2.9",
-    "@storybook/addons": "^6.2.9",
-    "@storybook/react": "^6.2.9",
-    "@storybook/theming": "^6.2.9",
+    "@storybook/addon-a11y": "^6.3.8",
+    "@storybook/addon-actions": "^6.3.8",
+    "@storybook/addon-knobs": "^6.3.1",
+    "@storybook/addon-storysource": "^6.3.8",
+    "@storybook/addon-toolbars": "^6.3.8",
+    "@storybook/addons": "^6.3.8",
+    "@storybook/react": "^6.3.8",
+    "@storybook/testing-react": "0.0.18",
+    "@storybook/theming": "^6.3.8",
     "enzyme": "^3.11.0",
-    "enzyme-adapter-react-16": "^1.15.5",
-    "typescript": "~4.3.2"
+    "typescript": "~4.5.2"
   }
 }

package/lib/components/DateTime/Input/DateTime.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DateTime.types.d.ts","sourceRoot":"","sources":["../../../../src/components/DateTime/Input/DateTime.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAErD,MAAM,WAAW,kBAAkB;IACjC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAC/B;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IACtC,4HAA4H;IAC5H,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAC7B,4HAA4H;IAC5H,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAC7B;;;OAGG;IACH,EAAE,CAAC,EAAE,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAC5B,oDAAoD;IACpD,MAAM,CAAC,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IACpC,2DAA2D;IAC3D,KAAK,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAClC,uCAAuC;IACvC,WAAW,CAAC,EAAE,gBAAgB,CAAC,aAAa,CAAC,CAAC;IAC9C,6GAA6G;IAC7G,IAAI,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAChC,wEAAwE;IACxE,QAAQ,CAAC,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAC;IACxC,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAC;IACxC,qFAAqF;IACrF,QAAQ,CAAC,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAC;IACxC,+FAA+F;IAC/F,IAAI,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAChC,iDAAiD;IACjD,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,oBAAY,uBAAuB,GAAG,YAAY,GAAG,SAAS,CAAC;AAE/D,oBAAY,yBAAyB,GAAG;IACtC,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,GAAG,SAAS,CAAC;IACrC,KAAK,CAAC,EAAE,uBAAuB,CAAC;CACjC,CAAC;AAEF,MAAM,WAAW,iBAAiB;IAChC,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACtD,sDAAsD;IACtD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACrD,qDAAqD;IACrD,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,yBAAyB,KAAK,IAAI,CAAC;CACrD;AAED,MAAM,CAAC,OAAO,WAAW,aAAc,SAAQ,kBAAkB,EAAE,iBAAiB;CAAG"}

package/lib/components/DateTime/Input/DateTime.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DateTime.types.js","sourceRoot":"","sources":["../../../../src/components/DateTime/Input/DateTime.types.ts"],"names":[],"mappings":"","sourcesContent":["import { FormControlProps } from '../../FormControl';\n\nexport interface DateTimeProperties {\n  /**\n   * Date as ISO8601 string, timestamp or native Date object.\n   * Requires onChange prop to update value for controlled inputs.\n   */\n  value?: string | number | Date;\n  /**\n   * Date as ISO8601 string, timestamp or native Date object. Sets the value for an uncontrolled input.\n   */\n  defaultValue?: string | number | Date;\n  /** Date as ISO8601 string, timestamp or native Date object. Defines minimum available value that can be set by the user. */\n  min?: string | number | Date;\n  /** Date as ISO8601 string, timestamp or native Date object. Defines maximum available value that can be set by the user. */\n  max?: string | number | Date;\n  /**\n   * Sets DOM id for the control and associates label element via 'for' attribute.\n   * If an id is not pass, a random id will be generated for any render.\n   */\n  id?: FormControlProps['id'];\n  /** Set visual state based on a validation state. */\n  status?: FormControlProps['status'];\n  /** Pass a string or a fragment with an Icon and string. */\n  label?: FormControlProps['label'];\n  /** Visually hides the label region. */\n  labelHidden?: FormControlProps['labelHidden'];\n  /** It is recommended to pass a simple string to offer guidance. Text will be styled based on status prop. */\n  info?: FormControlProps['info'];\n  /** Indicate if the field is required. The browser defaults to false. */\n  required?: FormControlProps['required'];\n  /** Disable the control. The browser defaults to false. */\n  disabled?: FormControlProps['disabled'];\n  /** Makes the input non editable and non clickable. The browser defaults to false. */\n  readOnly?: FormControlProps['readOnly'];\n  /** Sets html name attribute for the underlying control. Useful for mapping to a data field. */\n  name?: FormControlProps['name'];\n  /** Automatically focuses the input on render. */\n  autoFocus?: boolean;\n}\n\nexport type DateTimeValueErrorState = 'incomplete' | 'invalid';\n\nexport type DateTimeCallbackParameter = {\n  valueAsISOString: string;\n  valueAsTimestamp: number | undefined;\n  state?: DateTimeValueErrorState;\n};\n\nexport interface DateTimeCallbacks {\n  /** Callback fired when input value changes. */\n  onChange?: (value: DateTimeCallbackParameter) => void;\n  /** Callback fired when the component gets focused. */\n  onFocus?: (value: DateTimeCallbackParameter) => void;\n  /** Callback fired when the component loses focus. */\n  onBlur?: (value: DateTimeCallbackParameter) => void;\n}\n\nexport default interface DateTimeProps extends DateTimeProperties, DateTimeCallbacks {}\n"]}

package/lib/components/DateTime/Input/DateTimeDisplay.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DateTimeDisplay.d.ts","sourceRoot":"","sources":["../../../../src/components/DateTime/Input/DateTimeDisplay.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAc,iBAAiB,EAAmB,GAAG,EAAE,MAAM,OAAO,CAAC;AAEnF,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAIzD,OAAO,EACL,WAAW,EAMZ,MAAM,SAAS,CAAC;AAEjB,aAAK,eAAe,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,WAAW,CAAC;AAC9F,oBAAY,eAAe,GAAG,eAAe,GAAG,UAAU,CAAC;AAC3D,oBAAY,cAAc,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;AAE1D,MAAM,WAAW,oBAAqB,SAAQ,SAAS;IACrD;;OAEG;IACH,KAAK,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC;IAC/B;;OAEG;IACH,OAAO,EAAE,eAAe,CAAC;IACzB;;;OAGG;IACH,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,oCAAoC;IACpC,GAAG,CAAC,EAAE,GAAG,CAAC,eAAe,CAAC,CAAC;CAC5B;AAaD,QAAA,MAAM,eAAe,EAAE,iBAAiB,CAAC,oBAAoB,GAAG,YAAY,CAqH3E,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/lib/components/DateTime/Input/DateTimeDisplay.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DateTimeDisplay.js","sourceRoot":"","sources":["../../../../src/components/DateTime/Input/DateTimeDisplay.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { forwardRef, FunctionComponent, PropsWithoutRef, Ref } from 'react';\n\nimport { BaseProps, ForwardProps } from '../../../types';\nimport Text from '../../Text';\nimport { useConfiguration, useI18n } from '../../../hooks';\n\nimport {\n  ClockFormat,\n  getEndOfWeek,\n  getStartOfWeek,\n  getWeek,\n  getWeekYear,\n  parseToDate\n} from './utils';\n\ntype AbsoluteVariant = 'date' | 'datetime' | 'time' | 'week' | 'month' | 'year' | 'monthyear';\nexport type DateTimeVariant = AbsoluteVariant | 'relative';\nexport type DateTimeFormat = 'short' | 'long' | 'numeric';\n\nexport interface DateTimeDisplayProps extends BaseProps {\n  /**\n   * Date as ISO8601 string, timestamp or native Date object.\n   */\n  value?: Date | string | number;\n  /**\n   * Controls date time variant.\n   */\n  variant: DateTimeVariant;\n  /**\n   * Controls display format.\n   * @default \"short\"\n   */\n  format?: DateTimeFormat;\n  /**\n   * Defines clock format that overrides locale based format\n   */\n  clockFormat?: ClockFormat;\n  /** Ref for the wrapping element. */\n  ref?: Ref<HTMLSpanElement>;\n}\n\nconst unitsInMs = {\n  year: 24 * 60 * 60 * 1000 * 365,\n  month: (24 * 60 * 60 * 1000 * 365) / 12,\n  day: 24 * 60 * 60 * 1000,\n  hour: 60 * 60 * 1000,\n  minute: 60 * 1000,\n  second: 1000\n} as const;\n\ntype TimeUnit = keyof typeof unitsInMs;\n\nconst DateTimeDisplay: FunctionComponent<DateTimeDisplayProps & ForwardProps> = forwardRef(\n  (\n    {\n      value,\n      variant,\n      format = 'short',\n      clockFormat,\n      ...restProps\n    }: PropsWithoutRef<DateTimeDisplayProps>,\n    ref: DateTimeDisplayProps['ref']\n  ) => {\n    const { locale } = useConfiguration();\n    const t = useI18n();\n\n    const timeShort = {\n      hour: 'numeric',\n      minute: 'numeric',\n      hour12: clockFormat ? clockFormat === 12 : undefined\n    } as const;\n    const timeLong = {\n      ...timeShort,\n      second: 'numeric',\n      hour12: clockFormat ? clockFormat === 12 : undefined\n    } as const;\n\n    const formatMapping = {\n      date: {\n        short: { year: 'numeric', month: 'short', day: 'numeric' } as const,\n        long: { year: 'numeric', month: 'long', day: 'numeric' } as const,\n        numeric: { year: 'numeric', month: 'numeric', day: 'numeric' } as const\n      },\n      datetime: {\n        short: { year: 'numeric', month: 'short', day: 'numeric', ...timeShort } as const,\n        long: { year: 'numeric', month: 'long', day: 'numeric', ...timeLong } as const,\n        numeric: { year: 'numeric', month: 'numeric', day: 'numeric', ...timeShort } as const\n      },\n      time: {\n        short: timeShort,\n        long: timeLong,\n        numeric: timeShort\n      },\n      month: {\n        short: { month: 'short' } as const,\n        long: { month: 'long' } as const,\n        numeric: { month: 'numeric' } as const\n      },\n      year: {\n        short: { year: 'numeric' } as const,\n        long: { year: 'numeric' } as const,\n        numeric: { year: '2-digit' } as const\n      },\n      monthyear: {\n        short: { year: 'numeric', month: 'short' } as const,\n        long: { year: 'numeric', month: 'long' } as const,\n        numeric: { year: 'numeric', month: 'numeric' } as const\n      },\n      week: {\n        short: { month: 'short', day: 'numeric' } as const,\n        long: { month: 'long', day: 'numeric' } as const,\n        numeric: { month: 'numeric', day: 'numeric' } as const\n      },\n      relative: {\n        short: { style: 'long', numeric: 'auto' } as const,\n        long: { style: 'long', numeric: 'auto' } as const,\n        numeric: { style: 'short', numeric: 'auto' } as const\n      }\n    };\n\n    const getFormattedDate = (date: Date, dateVariant: AbsoluteVariant) => {\n      return new Intl.DateTimeFormat(locale, {\n        ...formatMapping[dateVariant][format],\n        timeZone: 'UTC'\n      }).format(date);\n    };\n\n    const relativeTimeFormatter = (relativeValue: number, unit: TimeUnit) => {\n      return new Intl.RelativeTimeFormat(locale, formatMapping.relative[format]).format(\n        relativeValue,\n        unit\n      );\n    };\n\n    const getRelativeTime = (date: Date) => {\n      const elapsed = date.getTime() - new Date().getTime();\n      const unit = (Object.keys(unitsInMs).find(\n        u => Math.abs(elapsed) >= unitsInMs[u as TimeUnit]\n      ) || 'second') as TimeUnit;\n      return relativeTimeFormatter(Math.round(elapsed / unitsInMs[unit]), unit);\n    };\n\n    const getFormattedWeek = (date: Date) => {\n      const startDate = getFormattedDate(getStartOfWeek(date), 'week');\n      const endDate = getFormattedDate(getEndOfWeek(date), 'week');\n      return `${t('week_text')} ${getWeek(date)}, ${getWeekYear(date)} (${startDate} - ${endDate})`;\n    };\n\n    const displayValue = (date: Date) => {\n      switch (variant) {\n        case 'relative':\n          return getRelativeTime(date);\n        case 'week':\n          return getFormattedWeek(date);\n        default:\n          return getFormattedDate(date, variant);\n      }\n    };\n\n    return (\n      <Text ref={ref} {...restProps}>\n        {value || value === 0 ? (\n          displayValue(parseToDate(value))\n        ) : (\n          <span aria-hidden='true'>&ndash;&ndash;</span>\n        )}\n      </Text>\n    );\n  }\n);\n\nexport default DateTimeDisplay;\n"]}

package/lib/components/DateTime/Input/Duration/DurationDisplay.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DurationDisplay.d.ts","sourceRoot":"","sources":["../../../../../src/components/DateTime/Input/Duration/DurationDisplay.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAc,iBAAiB,EAAmB,GAAG,EAAE,MAAM,OAAO,CAAC;AAInF,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAG5D,MAAM,WAAW,oBAAqB,SAAQ,SAAS;IACrD,yDAAyD;IACzD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,gBAAgB,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACjC,oCAAoC;IACpC,GAAG,CAAC,EAAE,GAAG,CAAC,eAAe,CAAC,CAAC;CAC5B;AAOD,QAAA,MAAM,eAAe,EAAE,iBAAiB,CAAC,oBAAoB,GAAG,YAAY,CAsC3E,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/lib/components/DateTime/Input/Duration/DurationDisplay.js

@@ -1,29 +0,0 @@
-import React, { forwardRef } from 'react';
-import { useI18n } from '../../../../hooks';
-import Text from '../../../Text';
-const dayInMs = 24 * 60 * 60 * 1000;
-const hourInMs = 60 * 60 * 1000;
-const minuteInMs = 60 * 1000;
-const secondInMs = 1000;
-const DurationDisplay = forwardRef(({ value, significantUnits = 4, ...restProps }, ref) => {
-    const t = useI18n();
-    const displayValue = (ms) => {
-        const durationParts = [
-            { unit: 'day', value: Math.floor(ms / dayInMs) },
-            { unit: 'hour', value: Math.floor((ms % dayInMs) / hourInMs) },
-            { unit: 'minute', value: Math.floor((ms % hourInMs) / minuteInMs) },
-            { unit: 'second', value: Math.floor((ms % minuteInMs) / secondInMs) }
-        ];
-        const result = [];
-        for (let i = 0; result.length < significantUnits && i < durationParts.length; i += 1) {
-            if (durationParts[i].value > 0) {
-                result.push(`${durationParts[i].value +
-                    t(`${durationParts[i].unit}_text_short`)}`);
-            }
-        }
-        return result.join(' ');
-    };
-    return (React.createElement(Text, { ref: ref, ...restProps }, value && value >= 0 && value >= secondInMs ? (displayValue(value)) : (React.createElement("span", { "aria-hidden": 'true' }, "\u2013\u2013"))));
-});
-export default DurationDisplay;
-//# sourceMappingURL=DurationDisplay.js.map

package/lib/components/DateTime/Input/Duration/DurationDisplay.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DurationDisplay.js","sourceRoot":"","sources":["../../../../../src/components/DateTime/Input/Duration/DurationDisplay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAA2C,MAAM,OAAO,CAAC;AAGnF,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAE5C,OAAO,IAAI,MAAM,eAAe,CAAC;AAajC,MAAM,OAAO,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;AACpC,MAAM,QAAQ,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;AAChC,MAAM,UAAU,GAAG,EAAE,GAAG,IAAI,CAAC;AAC7B,MAAM,UAAU,GAAG,IAAI,CAAC;AAExB,MAAM,eAAe,GAA2D,UAAU,CACxF,CACE,EAAE,KAAK,EAAE,gBAAgB,GAAG,CAAC,EAAE,GAAG,SAAS,EAAyC,EACpF,GAAgC,EAChC,EAAE;IACF,MAAM,CAAC,GAAG,OAAO,EAAE,CAAC;IAEpB,MAAM,YAAY,GAAG,CAAC,EAAU,EAAE,EAAE;QAClC,MAAM,aAAa,GAAG;YACpB,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,GAAG,OAAO,CAAC,EAAE;YAChD,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,OAAO,CAAC,GAAG,QAAQ,CAAC,EAAE;YAC9D,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,QAAQ,CAAC,GAAG,UAAU,CAAC,EAAE;YACnE,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,UAAU,CAAC,GAAG,UAAU,CAAC,EAAE;SACtE,CAAC;QACF,MAAM,MAAM,GAAG,EAAE,CAAC;QAClB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC,MAAM,GAAG,gBAAgB,IAAI,CAAC,GAAG,aAAa,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,EAAE;YACpF,IAAI,aAAa,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,EAAE;gBAC9B,MAAM,CAAC,IAAI,CACT,GACE,aAAa,CAAC,CAAC,CAAC,CAAC,KAAK;oBACtB,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC,IAAI,aAAsC,CAClE,EAAE,CACH,CAAC;aACH;SACF;QACD,OAAO,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,GAAG,EAAE,GAAG,KAAM,SAAS,IAC1B,KAAK,IAAI,KAAK,IAAI,CAAC,IAAI,KAAK,IAAI,UAAU,CAAC,CAAC,CAAC,CAC5C,YAAY,CAAC,KAAK,CAAC,CACpB,CAAC,CAAC,CAAC,CACF,6CAAkB,MAAM,mBAAsB,CAC/C,CACI,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,eAAe,CAAC","sourcesContent":["import React, { forwardRef, FunctionComponent, PropsWithoutRef, Ref } from 'react';\n\nimport { TranslationPack } from '../../../../i18n';\nimport { useI18n } from '../../../../hooks';\nimport { BaseProps, ForwardProps } from '../../../../types';\nimport Text from '../../../Text';\n\nexport interface DurationDisplayProps extends BaseProps {\n  /** Number of milliseconds value for controlled input. */\n  value?: number;\n  /** Determines number of units to be displayed.\n   * @default 4\n   */\n  significantUnits?: 4 | 3 | 2 | 1;\n  /** Ref for the wrapping element. */\n  ref?: Ref<HTMLSpanElement>;\n}\n\nconst dayInMs = 24 * 60 * 60 * 1000;\nconst hourInMs = 60 * 60 * 1000;\nconst minuteInMs = 60 * 1000;\nconst secondInMs = 1000;\n\nconst DurationDisplay: FunctionComponent<DurationDisplayProps & ForwardProps> = forwardRef(\n  (\n    { value, significantUnits = 4, ...restProps }: PropsWithoutRef<DurationDisplayProps>,\n    ref: DurationDisplayProps['ref']\n  ) => {\n    const t = useI18n();\n\n    const displayValue = (ms: number) => {\n      const durationParts = [\n        { unit: 'day', value: Math.floor(ms / dayInMs) },\n        { unit: 'hour', value: Math.floor((ms % dayInMs) / hourInMs) },\n        { unit: 'minute', value: Math.floor((ms % hourInMs) / minuteInMs) },\n        { unit: 'second', value: Math.floor((ms % minuteInMs) / secondInMs) }\n      ];\n      const result = [];\n      for (let i = 0; result.length < significantUnits && i < durationParts.length; i += 1) {\n        if (durationParts[i].value > 0) {\n          result.push(\n            `${\n              durationParts[i].value +\n              t(`${durationParts[i].unit}_text_short` as keyof TranslationPack)\n            }`\n          );\n        }\n      }\n      return result.join(' ');\n    };\n\n    return (\n      <Text ref={ref} {...restProps}>\n        {value && value >= 0 && value >= secondInMs ? (\n          displayValue(value)\n        ) : (\n          <span aria-hidden='true'>&ndash;&ndash;</span>\n        )}\n      </Text>\n    );\n  }\n);\n\nexport default DurationDisplay;\n"]}

package/lib/components/File/FileUploadVisual.d.ts

@@ -1,20 +0,0 @@
-import { FC } from 'react';
-import { IconProps } from '../Icon';
-import { ImageProps } from '../Image';
-import { ProgressProps } from '../Progress';
-import { ForwardProps, BaseProps } from '../../types';
-export interface FileUploadVisualProps extends BaseProps {
-    /**
-     * A Cosmos icon name identifier to use for a attachment. Will serve as a fallback to a broken thumbnail.
-     * @default "document-doc"
-     */
-    icon?: string;
-    /** A string to be used as an image src for a attachment thumbnail. Falls back to a provided icon or the default attachment icon. */
-    thumbnail?: string;
-    /** If the attachment is in an upload state, pass progress as a number between 0-100 representing the percentage of progress. */
-    progress?: number;
-    ref?: ProgressProps['ref'] & ImageProps['ref'] & IconProps['ref'];
-}
-declare const FileUploadVisual: FC<FileUploadVisualProps & ForwardProps>;
-export default FileUploadVisual;
-//# sourceMappingURL=FileUploadVisual.d.ts.map

package/lib/components/File/FileUploadVisual.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FileUploadVisual.d.ts","sourceRoot":"","sources":["../../../src/components/File/FileUploadVisual.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAoD,EAAE,EAAE,MAAM,OAAO,CAAC;AAEpF,OAAa,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAc,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAiB,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAEtD,MAAM,WAAW,qBAAsB,SAAQ,SAAS;IACtD;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oIAAoI;IACpI,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gIAAgI;IAChI,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,GAAG,CAAC,EAAE,aAAa,CAAC,KAAK,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;CACnE;AAED,QAAA,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,GAAG,YAAY,CAgC9D,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/lib/components/File/FileUploadVisual.js

@@ -1,27 +0,0 @@
-import React, { forwardRef, useState, useEffect } from 'react';
-import Icon from '../Icon';
-import Image from '../Image';
-import Progress from '../Progress';
-const FileUploadVisual = forwardRef((props, ref) => {
-    const { thumbnail, progress, icon = 'document-doc', ...restProps } = props;
-    const [hasBrokenThumbnail, setHasBrokenThumbnail] = useState();
-    let visual;
-    if (typeof progress !== 'undefined' && progress < 100) {
-        visual = (React.createElement(Progress, { value: progress, placement: 'inline', variant: 'ring', ref: ref, ...restProps }));
-    }
-    else if (thumbnail && !hasBrokenThumbnail) {
-        visual = (React.createElement(Image, { src: thumbnail, alt: '', onError: () => {
-                setHasBrokenThumbnail(true);
-            }, ref: ref, ...restProps }));
-    }
-    else {
-        visual = React.createElement(Icon, { name: icon, ref: ref, ...restProps });
-    }
-    useEffect(() => {
-        if (thumbnail)
-            setHasBrokenThumbnail(undefined);
-    }, [thumbnail]);
-    return visual;
-});
-export default FileUploadVisual;
-//# sourceMappingURL=FileUploadVisual.js.map

package/lib/components/File/FileUploadVisual.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FileUploadVisual.js","sourceRoot":"","sources":["../../../src/components/File/FileUploadVisual.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AAEpF,OAAO,IAAmB,MAAM,SAAS,CAAC;AAC1C,OAAO,KAAqB,MAAM,UAAU,CAAC;AAC7C,OAAO,QAA2B,MAAM,aAAa,CAAC;AAgBtD,MAAM,gBAAgB,GAA6C,UAAU,CAC3E,CAAC,KAA6C,EAAE,GAAiC,EAAE,EAAE;IACnF,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,GAAG,cAAc,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAC3E,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,EAAuB,CAAC;IACpF,IAAI,MAAM,CAAC;IAEX,IAAI,OAAO,QAAQ,KAAK,WAAW,IAAI,QAAQ,GAAG,GAAG,EAAE;QACrD,MAAM,GAAG,CACP,oBAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAC,QAAQ,EAAC,OAAO,EAAC,MAAM,EAAC,GAAG,EAAE,GAAG,KAAM,SAAS,GAAI,CACzF,CAAC;KACH;SAAM,IAAI,SAAS,IAAI,CAAC,kBAAkB,EAAE;QAC3C,MAAM,GAAG,CACP,oBAAC,KAAK,IACJ,GAAG,EAAE,SAAS,EACd,GAAG,EAAC,EAAE,EACN,OAAO,EAAE,GAAG,EAAE;gBACZ,qBAAqB,CAAC,IAAI,CAAC,CAAC;YAC9B,CAAC,EACD,GAAG,EAAE,GAAG,KACJ,SAAS,GACb,CACH,CAAC;KACH;SAAM;QACL,MAAM,GAAG,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,KAAM,SAAS,GAAI,CAAC;KACxD;IAED,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS;YAAE,qBAAqB,CAAC,SAAS,CAAC,CAAC;IAClD,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,MAAM,CAAC;AAChB,CAAC,CACF,CAAC;AAEF,eAAe,gBAAgB,CAAC","sourcesContent":["import React, { forwardRef, useState, useEffect, PropsWithoutRef, FC } from 'react';\n\nimport Icon, { IconProps } from '../Icon';\nimport Image, { ImageProps } from '../Image';\nimport Progress, { ProgressProps } from '../Progress';\nimport { ForwardProps, BaseProps } from '../../types';\n\nexport interface FileUploadVisualProps extends BaseProps {\n  /**\n   * A Cosmos icon name identifier to use for a attachment. Will serve as a fallback to a broken thumbnail.\n   * @default \"document-doc\"\n   */\n  icon?: string;\n  /** A string to be used as an image src for a attachment thumbnail. Falls back to a provided icon or the default attachment icon. */\n  thumbnail?: string;\n  /** If the attachment is in an upload state, pass progress as a number between 0-100 representing the percentage of progress. */\n  progress?: number;\n  ref?: ProgressProps['ref'] & ImageProps['ref'] & IconProps['ref'];\n}\n\nconst FileUploadVisual: FC<FileUploadVisualProps & ForwardProps> = forwardRef(\n  (props: PropsWithoutRef<FileUploadVisualProps>, ref: FileUploadVisualProps['ref']) => {\n    const { thumbnail, progress, icon = 'document-doc', ...restProps } = props;\n    const [hasBrokenThumbnail, setHasBrokenThumbnail] = useState<boolean | undefined>();\n    let visual;\n\n    if (typeof progress !== 'undefined' && progress < 100) {\n      visual = (\n        <Progress value={progress} placement='inline' variant='ring' ref={ref} {...restProps} />\n      );\n    } else if (thumbnail && !hasBrokenThumbnail) {\n      visual = (\n        <Image\n          src={thumbnail}\n          alt=''\n          onError={() => {\n            setHasBrokenThumbnail(true);\n          }}\n          ref={ref}\n          {...restProps}\n        />\n      );\n    } else {\n      visual = <Icon name={icon} ref={ref} {...restProps} />;\n    }\n\n    useEffect(() => {\n      if (thumbnail) setHasBrokenThumbnail(undefined);\n    }, [thumbnail]);\n\n    return visual;\n  }\n);\n\nexport default FileUploadVisual;\n"]}

package/lib/components/NoItems/NoItems.d.ts

@@ -1,14 +0,0 @@
-import { FunctionComponent, Ref } from 'react';
-import { BaseProps, NoChildrenProp, ForwardProps } from '../../types';
-export interface NoItemsProps extends BaseProps, NoChildrenProp {
-    /**
-     * Message to display below the icon.
-     * @default 'No items'
-     */
-    message?: string;
-    ref?: Ref<HTMLDivElement>;
-}
-export declare const StyledNoItems: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-declare const NoItems: FunctionComponent<NoItemsProps & ForwardProps>;
-export default NoItems;
-//# sourceMappingURL=NoItems.d.ts.map

package/lib/components/NoItems/NoItems.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"NoItems.d.ts","sourceRoot":"","sources":["../../../src/components/NoItems/NoItems.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAc,iBAAiB,EAAmB,GAAG,EAAE,MAAM,OAAO,CAAC;AASnF,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAGtE,MAAM,WAAW,YAAa,SAAQ,SAAS,EAAE,cAAc;IAC7D;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;AAED,eAAO,MAAM,aAAa,yGAYxB,CAAC;AAIH,QAAA,MAAM,OAAO,EAAE,iBAAiB,CAAC,YAAY,GAAG,YAAY,CAiB3D,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/lib/components/NoItems/NoItems.js

@@ -1,30 +0,0 @@
-import React, { forwardRef } from 'react';
-import styled, { css } from 'styled-components';
-import { rgba } from 'polished';
-import Flex from '../Flex';
-import Icon, { StyledIcon } from '../Icon';
-import Text from '../Text';
-import { tryCatch } from '../../utils';
-import { useI18n } from '../../hooks';
-import { defaultThemeProp } from '../../theme';
-export const StyledNoItems = styled.div(({ theme }) => {
-    const color = tryCatch(() => rgba(theme.base.palette['foreground-color'], theme.base.transparency['transparent-2']));
-    return css `
-    ${StyledIcon} {
-      font-size: 1.5rem;
-      height: 1.5rem;
-      width: 1.5rem;
-      color: ${color};
-    }
-  `;
-});
-StyledNoItems.defaultProps = defaultThemeProp;
-const NoItems = forwardRef((props, ref) => {
-    const t = useI18n();
-    const { message = t('no_items'), ...restProps } = props;
-    return (React.createElement(Flex, { ...restProps, as: StyledNoItems, ref: ref, container: { direction: 'column', alignItems: 'center', itemGap: 1 } },
-        React.createElement(Icon, { name: 'galaxy' }),
-        React.createElement(Text, { variant: 'secondary' }, message)));
-});
-export default NoItems;
-//# sourceMappingURL=NoItems.js.map

package/lib/components/NoItems/NoItems.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NoItems.js","sourceRoot":"","sources":["../../../src/components/NoItems/NoItems.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAA2C,MAAM,OAAO,CAAC;AACnF,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,IAAI,EAAE,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAEtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAW/C,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACpD,MAAM,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CAC1B,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,kBAAkB,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC,CACvF,CAAC;IACF,OAAO,GAAG,CAAA;MACN,UAAU;;;;eAID,KAAK;;GAEjB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,aAAa,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAE9C,MAAM,OAAO,GAAmD,UAAU,CACxE,CAAC,KAAoC,EAAE,GAAwB,EAAE,EAAE;IACjE,MAAM,CAAC,GAAG,OAAO,EAAE,CAAC;IACpB,MAAM,EAAE,OAAO,GAAG,CAAC,CAAC,UAAU,CAAC,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAExD,OAAO,CACL,oBAAC,IAAI,OACC,SAAS,EACb,EAAE,EAAE,aAAa,EACjB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,EAAE;QAEpE,oBAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,GAAG;QACtB,oBAAC,IAAI,IAAC,OAAO,EAAC,WAAW,IAAE,OAAO,CAAQ,CACrC,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,OAAO,CAAC","sourcesContent":["import React, { forwardRef, FunctionComponent, PropsWithoutRef, Ref } from 'react';\nimport styled, { css } from 'styled-components';\nimport { rgba } from 'polished';\n\nimport Flex from '../Flex';\nimport Icon, { StyledIcon } from '../Icon';\nimport Text from '../Text';\nimport { tryCatch } from '../../utils';\nimport { useI18n } from '../../hooks';\nimport { BaseProps, NoChildrenProp, ForwardProps } from '../../types';\nimport { defaultThemeProp } from '../../theme';\n\nexport interface NoItemsProps extends BaseProps, NoChildrenProp {\n  /**\n   * Message to display below the icon.\n   * @default 'No items'\n   */\n  message?: string;\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport const StyledNoItems = styled.div(({ theme }) => {\n  const color = tryCatch(() =>\n    rgba(theme.base.palette['foreground-color'], theme.base.transparency['transparent-2'])\n  );\n  return css`\n    ${StyledIcon} {\n      font-size: 1.5rem;\n      height: 1.5rem;\n      width: 1.5rem;\n      color: ${color};\n    }\n  `;\n});\n\nStyledNoItems.defaultProps = defaultThemeProp;\n\nconst NoItems: FunctionComponent<NoItemsProps & ForwardProps> = forwardRef(\n  (props: PropsWithoutRef<NoItemsProps>, ref: NoItemsProps['ref']) => {\n    const t = useI18n();\n    const { message = t('no_items'), ...restProps } = props;\n\n    return (\n      <Flex\n        {...restProps}\n        as={StyledNoItems}\n        ref={ref}\n        container={{ direction: 'column', alignItems: 'center', itemGap: 1 }}\n      >\n        <Icon name='galaxy' />\n        <Text variant='secondary'>{message}</Text>\n      </Flex>\n    );\n  }\n);\n\nexport default NoItems;\n"]}

package/lib/components/NoItems/index.d.ts

@@ -1,4 +0,0 @@
-export { default } from './NoItems';
-export { NoItemsProps } from './NoItems';
-export { StyledNoItems } from './NoItems';
-//# sourceMappingURL=index.d.ts.map

package/lib/components/NoItems/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/NoItems/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC"}

package/lib/components/NoItems/index.js

@@ -1,3 +0,0 @@
-export { default } from './NoItems';
-export { StyledNoItems } from './NoItems';
-//# sourceMappingURL=index.js.map

package/lib/components/NoItems/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/NoItems/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC","sourcesContent":["export { default } from './NoItems';\nexport { NoItemsProps } from './NoItems';\nexport { StyledNoItems } from './NoItems';\n"]}