@watermarkinsights/ripple 3.12.0 → 3.13.0-9

package/dist/collection/components/wm-toggletip/wm-toggletip.js

@@ -15,7 +15,7 @@ export class Toggletip {
     return this.tooltip || this.tooltipText;
   }
   componentWillLoad() {
-    const validTooltipPositions = [
+    const validTooltipPlacement = [
       "top",
       "right",
       "bottom",
@@ -31,8 +31,8 @@ export class Toggletip {
     if (!this.tempTooltip) {
       console.error("wm-toggletip must have a tooltip property");
     }
-    if (!validTooltipPositions.includes(this.tooltipPosition)) {
-      console.error(`wm-toggletip: tooltip-position has an invalid value of "${this.tooltipPosition}", make sure to use one of the following values: ${validTooltipPositions}`);
+    if (!validTooltipPlacement.includes(this.tooltipPosition)) {
+      console.error(`wm-toggletip: tooltip-position has an invalid value of "${this.tooltipPosition}", make sure to use one of the following values: ${validTooltipPlacement}`);
     }
     if (this.tooltipText) {
       console.warn("wm-toggletip: tooltip-text has been deprecated as of v3.1.0. Please use tooltip instead.");
@@ -188,10 +188,10 @@ export class Toggletip {
       "type": "string",
       "mutable": true,
       "complexType": {
-        "original": "TooltipPosition",
+        "original": "TooltipPlacement",
         "resolved": "\"bottom\" | \"bottom-left\" | \"bottom-right\" | \"left\" | \"right\" | \"top\" | \"top-left\" | \"top-right\"",
         "references": {
-          "TooltipPosition": {
+          "TooltipPlacement": {
             "location": "import",
             "path": "../../global/interfaces"
           }

package/dist/collection/components/wm-uploader/wm-network-uploader/wm-network-uploader.css

@@ -572,9 +572,6 @@ wm-network-uploader * {
   font-size: 0.875rem;
   font-style: italic;
   margin-top: 0.25rem;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
 }
 
 @media (max-width: 60.9375rem) {

package/dist/collection/components/wm-uploader/wm-network-uploader/wm-network-uploader.js

@@ -133,7 +133,8 @@ export class NetworkUploader {
       if (isMax) {
         const errMessage = intl.formatMessage({
           id: "uploader.fileUploadLimit",
-          defaultMessage: "You have reached the file upload limit.",
+          defaultMessage: "Upload unsuccessful because file selection would exceed the maximum number of files",
+          description: "Message displayed when trying to upload too many files",
         });
         this.notif = { id: 1, message: errMessage };
         if (this.liveRegion) {
@@ -375,7 +376,8 @@ export class NetworkUploader {
         else if (isMax) {
           errMsg = intl.formatMessage({
             id: "uploader.fileUploadLimit",
-            defaultMessage: "You have reached the file upload limit.",
+            defaultMessage: "Upload unsuccessful because file selection would exceed the maximum number of files",
+            description: "Message displayed when trying to upload too many files",
           });
         }
         if (errMsg) {

package/dist/collection/components/wm-uploader/wm-uploader.css

@@ -620,9 +620,6 @@ wm-uploader * {
   padding-top: 0.25rem;
   font-size: 0.875rem;
   font-style: italic;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
 }
 .notif.error {
   color: #c0392b;
@@ -720,7 +717,6 @@ ul li .file + .file {
   margin-top: 1.25rem;
 }
 ul li .file .filename {
-  font-weight: 500;
   white-space: nowrap;
 }
 ul li .file .left-group {
@@ -775,7 +771,6 @@ ul.file-list li .file, ul.inprogress-list li .file {
 }
 ul.error-list li {
   margin-bottom: 0.5rem;
-  color: #c0392b;
 }
 ul.error-list li .file {
   border: 1px solid #c0392b;
@@ -783,6 +778,7 @@ ul.error-list li .file {
   height: 3.75rem;
 }
 ul.error-list li .error-message {
+  color: #c0392b;
   padding-top: 0.25rem;
   font-style: italic;
 }

package/dist/collection/components/wm-uploader/wm-uploader.js

@@ -39,18 +39,16 @@ export class Uploader {
   get fileUploadLimitMessage() {
     return intl.formatMessage({
       id: "uploader.fileUploadLimit",
-      defaultMessage: "Maximum number of files reached",
-      description: "Message displayed when reaching the file upload limit",
+      defaultMessage: "Upload unsuccessful because file selection would exceed the maximum number of files",
+      description: "Message displayed when trying to upload too many files",
     });
   }
   get fileCountMessage() {
-    return this.fileLimitReached
-      ? this.fileUploadLimitMessage
-      : intl.formatMessage({
-        id: "uploader.fileCount",
-        defaultMessage: "{x} of {y} Files",
-        description: "A count of the number of files currently uploaded",
-      }, { x: this.fileList.length, y: this.maxFiles });
+    return intl.formatMessage({
+      id: "uploader.fileCount",
+      defaultMessage: "{x} of {y} Files",
+      description: "A count of the number of files currently uploaded",
+    }, { x: this.fileList.length, y: this.maxFiles });
   }
   get maxSizeMessage() {
     return intl.formatMessage({

package/dist/collection/global/__mocks__/functions.js

@@ -4,3 +4,12 @@ export const intl = {
   formatMessage: (_) => "[translated text]",
 };
 export const adjustTooltipPosition = () => "bottom-right";
+export function debounce(fn, wait) {
+  let timeout;
+  return function () {
+    const context = this;
+    const functionCall = () => fn.apply(context, arguments);
+    clearTimeout(timeout);
+    timeout = setTimeout(functionCall, wait);
+  };
+}

package/dist/collection/global/functions.js

@@ -143,11 +143,7 @@ export function shouldShiftLeft(fixedEl, closableEl) {
   const needsSpaceRight = closableElWidth > spaceRight && spaceLeft > spaceRight;
   return needsSpaceRight;
 }
-export function adjustTooltipPosition(tPos, el, tooltipEl) {
-  // position must be reset before measurements are taken in adjustTooltipPosition
-  // otherwise text-wrapping from previous position makes width measurement inconsistent
-  tooltipEl.style.top = "";
-  tooltipEl.style.left = "";
+export function adjustTooltipPlacement(tPos, el, tooltipEl) {
   const { spaceLeft, spaceRight, spaceBelow, spaceAbove } = getClosableElementMeasurements(el, tooltipEl);
   const tooltipWidth = tooltipEl.getBoundingClientRect().width;
   const tooltipHeight = tooltipEl.getBoundingClientRect().height;
@@ -443,26 +439,3 @@ export function toBool(val) {
   // string "false" needs to be treated as bool False because react wrappers convert bool to string.
   return val == "false" ? false : !!val;
 }
-/*
- * this is going to be needed to solve the extra tabbing on navigator
- * and for programmatic focus of tabs
- * Here's a draft, not bug proof, see:
- * https://stackoverflow.com/a/10730308/3741713
-
-function getKeyboardFocusableElements(element = document) {
-  const els = Array.from(element.querySelectorAll('a, button, input, textarea, select, details, [tabindex]:not([tabindex="-1"]), wm-search, wm-timepicker, wm-tab-list, wm-tab-item, wm-button, wm-action-menu'));
-  return els.filter((el: Element) => !el.hasAttribute("disabled")) as HTMLElement[];
-}
-
-export function getPreviousKeyboardFocusableElement(element: HTMLElement) {
-  const els = getKeyboardFocusableElements();
-  const current = els.indexOf(element);
-  return els[current - 1] as HTMLElement;
-}
-
-export function getNextKeyboardFocusableElement(element: HTMLElement) {
-  const els = getKeyboardFocusableElements();
-  const current = els.indexOf(element);
-  return els[current + 1] as HTMLElement;
-}
- */

package/dist/collection/global/global.js

@@ -14,10 +14,7 @@ function wmComponentKeys(ev) {
     window.dispatchEvent(event);
     document.querySelector("body").classList.add("wmcl-user-is-tabbing");
   }
-  if (ev.key == "ArrowLeft" ||
-    ev.key == "ArrowUp" ||
-    ev.key == "ArrowRight" ||
-    ev.key == "ArrowDown") {
+  if (ev.key == "ArrowLeft" || ev.key == "ArrowUp" || ev.key == "ArrowRight" || ev.key == "ArrowDown") {
     var event = new Event("wmUserIsKeying");
     window.dispatchEvent(event);
     document.querySelector("body").classList.add("wmcl-user-is-keying");
@@ -62,6 +59,11 @@ tooltipEl.style.padding = "0.375rem";
 tooltipEl.style.transitionProperty = "opacity";
 tooltipEl.style.transitionDelay = "opacity";
 tooltipEl.style.opacity = "0";
+tooltipEl.style.top = "0";
+tooltipEl.style.left = "0";
+tooltipEl.style.transform = "translateZ(0)";
+tooltipEl.style.willChange = "transform";
+tooltipEl.style.transform = "translate(var(--wmTooltipLeft), var(--wmTooltipTop))";
 tooltipContainer.appendChild(tooltipEl);
 const body = document.querySelector("body");
 body.appendChild(tooltipContainer);

package/dist/esm/{chartFunctions-8fa800a6.js → chartFunctions-20f05eb5.js}

@@ -1,5 +1,5 @@
 import { h } from './index-7603f98e.js';
-import { c as checkForActiveElInShadow, i as intl, b as getPosition, f as findParentWithScrollbar, d as debounce } from './functions-61c7bb1f.js';
+import { c as checkForActiveElInShadow, i as intl, b as getPosition, f as findParentWithScrollbar, d as debounce } from './functions-036af8dc.js';
 
 // Components wm-chart and wm-progress-indicator share a significant
 // portion of their code. It has been extracted here

package/dist/esm/{functions-61c7bb1f.js → functions-036af8dc.js}

@@ -751,12 +751,106 @@ const en = {
 		type: 0,
 		value: "More information"
 	}
+],
+	"uploader.acceptedFileTypes": [
+	{
+		type: 0,
+		value: "Accepted file "
+	},
+	{
+		offset: 0,
+		options: {
+			"=1": {
+				value: [
+					{
+						type: 0,
+						value: "type"
+					}
+				]
+			},
+			other: {
+				value: [
+					{
+						type: 0,
+						value: "types"
+					}
+				]
+			}
+		},
+		pluralType: "cardinal",
+		type: 6,
+		value: "amount"
+	},
+	{
+		type: 0,
+		value: ": "
+	},
+	{
+		type: 1,
+		value: "fileTypes"
+	}
+],
+	"uploader.actionMenuLabel": [
+	{
+		type: 0,
+		value: "Actions"
+	}
+],
+	"uploader.clearErrorLabel": [
+	{
+		type: 0,
+		value: "Clear "
+	},
+	{
+		type: 1,
+		value: "fileName"
+	},
+	{
+		type: 0,
+		value: " error"
+	}
+],
+	"uploader.clearErrorText": [
+	{
+		type: 0,
+		value: "Clear"
+	}
+],
+	"uploader.deleteAction": [
+	{
+		type: 0,
+		value: "Delete File"
+	}
+],
+	"uploader.downloadAction": [
+	{
+		type: 0,
+		value: "Download File"
+	}
 ],
 	"uploader.duplicateName": [
 	{
 		type: 0,
 		value: "A file with this name already exists."
 	}
+],
+	"uploader.fileCount": [
+	{
+		type: 1,
+		value: "x"
+	},
+	{
+		type: 0,
+		value: " of "
+	},
+	{
+		type: 1,
+		value: "y"
+	},
+	{
+		type: 0,
+		value: " Files"
+	}
 ],
 	"uploader.fileDeleted": [
 	{
@@ -801,7 +895,7 @@ const en = {
 	"uploader.fileUploadLimit": [
 	{
 		type: 0,
-		value: "You have reached the file upload limit."
+		value: "Upload unsuccessful because file selection would exceed the maximum number of files"
 	}
 ],
 	"uploader.filesAdded": [
@@ -877,6 +971,26 @@ const en = {
 		type: 1,
 		value: "validTypes"
 	}
+],
+	"uploader.maxSize": [
+	{
+		type: 0,
+		value: "Maximum file size "
+	},
+	{
+		type: 1,
+		value: "maxSize"
+	},
+	{
+		type: 0,
+		value: "MB"
+	}
+],
+	"uploader.previewAction": [
+	{
+		type: 0,
+		value: "Preview File"
+	}
 ],
 	"uploader.uploadProgress": [
 	{
@@ -897,6 +1011,12 @@ const en = {
 		type: 0,
 		value: "Please wait for current upload to complete before uploading new files."
 	}
+],
+	"uploader.zeroFileSize": [
+	{
+		type: 0,
+		value: "The file must be more than 0 bytes"
+	}
 ]
 };
 
@@ -3437,12 +3557,106 @@ const pig = {
 		type: 0,
 		value: "Oremay informationyay"
 	}
+],
+	"uploader.acceptedFileTypes": [
+	{
+		type: 0,
+		value: "Acceptedyay ilefay "
+	},
+	{
+		offset: 0,
+		options: {
+			"=1": {
+				value: [
+					{
+						type: 0,
+						value: "etypay"
+					}
+				]
+			},
+			other: {
+				value: [
+					{
+						type: 0,
+						value: "estypay"
+					}
+				]
+			}
+		},
+		pluralType: "cardinal",
+		type: 6,
+		value: "amount"
+	},
+	{
+		type: 0,
+		value: ": "
+	},
+	{
+		type: 1,
+		value: "fileTypes"
+	}
+],
+	"uploader.actionMenuLabel": [
+	{
+		type: 0,
+		value: "Actionsyay"
+	}
+],
+	"uploader.clearErrorLabel": [
+	{
+		type: 0,
+		value: "Earclay "
+	},
+	{
+		type: 1,
+		value: "fileName"
+	},
+	{
+		type: 0,
+		value: " erroryay"
+	}
+],
+	"uploader.clearErrorText": [
+	{
+		type: 0,
+		value: "Earclay"
+	}
+],
+	"uploader.deleteAction": [
+	{
+		type: 0,
+		value: "Eleteday Ilefay"
+	}
+],
+	"uploader.downloadAction": [
+	{
+		type: 0,
+		value: "Ownloadday Ilefay"
+	}
 ],
 	"uploader.duplicateName": [
 	{
 		type: 0,
 		value: "Ayay ilefay ithway isthay amenay alreadyyay existsyay."
 	}
+],
+	"uploader.fileCount": [
+	{
+		type: 1,
+		value: "x"
+	},
+	{
+		type: 0,
+		value: " ofyay "
+	},
+	{
+		type: 1,
+		value: "y"
+	},
+	{
+		type: 0,
+		value: " Ilesfay"
+	}
 ],
 	"uploader.fileDeleted": [
 	{
@@ -3487,7 +3701,7 @@ const pig = {
 	"uploader.fileUploadLimit": [
 	{
 		type: 0,
-		value: "Ouyay avehay eachedray ethay ilefay uploadyay imitlay."
+		value: "Uploadyay unsuccessfulyay ecausebay ilefay electionsay ouldway exceedyay ethay aximummay umbernay ofyay ilesfay"
 	}
 ],
 	"uploader.filesAdded": [
@@ -3563,6 +3777,26 @@ const pig = {
 		type: 1,
 		value: "validTypes"
 	}
+],
+	"uploader.maxSize": [
+	{
+		type: 0,
+		value: "Aximummay ilefay izesay "
+	},
+	{
+		type: 1,
+		value: "maxSize"
+	},
+	{
+		type: 0,
+		value: "MBay"
+	}
+],
+	"uploader.previewAction": [
+	{
+		type: 0,
+		value: "Eviewpray Ilefay"
+	}
 ],
 	"uploader.uploadProgress": [
 	{
@@ -3583,6 +3817,12 @@ const pig = {
 		type: 0,
 		value: "Easeplay aitway orfay urrentcay uploadyay otay ompletecay eforebay uploadingyay ewnay ilesfay."
 	}
+],
+	"uploader.zeroFileSize": [
+	{
+		type: 0,
+		value: "Ethay ilefay ustmay ebay oremay anthay 0 esbytay"
+	}
 ]
 };
 
@@ -6846,11 +7086,7 @@ function shouldShiftLeft(fixedEl, closableEl) {
   const needsSpaceRight = closableElWidth > spaceRight && spaceLeft > spaceRight;
   return needsSpaceRight;
 }
-function adjustTooltipPosition(tPos, el, tooltipEl) {
-  // position must be reset before measurements are taken in adjustTooltipPosition
-  // otherwise text-wrapping from previous position makes width measurement inconsistent
-  tooltipEl.style.top = "";
-  tooltipEl.style.left = "";
+function adjustTooltipPlacement(tPos, el, tooltipEl) {
   const { spaceLeft, spaceRight, spaceBelow, spaceAbove } = getClosableElementMeasurements(el, tooltipEl);
   const tooltipWidth = tooltipEl.getBoundingClientRect().width;
   const tooltipHeight = tooltipEl.getBoundingClientRect().height;
@@ -7145,29 +7381,6 @@ function isRelatedTarget(ev, id) {
 function toBool(val) {
   // string "false" needs to be treated as bool False because react wrappers convert bool to string.
   return val == "false" ? false : !!val;
-}
-/*
- * this is going to be needed to solve the extra tabbing on navigator
- * and for programmatic focus of tabs
- * Here's a draft, not bug proof, see:
- * https://stackoverflow.com/a/10730308/3741713
-
-function getKeyboardFocusableElements(element = document) {
-  const els = Array.from(element.querySelectorAll('a, button, input, textarea, select, details, [tabindex]:not([tabindex="-1"]), wm-search, wm-timepicker, wm-tab-list, wm-tab-item, wm-button, wm-action-menu'));
-  return els.filter((el: Element) => !el.hasAttribute("disabled")) as HTMLElement[];
-}
-
-export function getPreviousKeyboardFocusableElement(element: HTMLElement) {
-  const els = getKeyboardFocusableElements();
-  const current = els.indexOf(element);
-  return els[current - 1] as HTMLElement;
-}
-
-export function getNextKeyboardFocusableElement(element: HTMLElement) {
-  const els = getKeyboardFocusableElements();
-  const current = els.indexOf(element);
-  return els[current + 1] as HTMLElement;
-}
- */
+}
 
-export { adjustTooltipPosition as a, getPosition as b, checkForActiveElInShadow as c, debounce as d, isRelatedTarget as e, findParentWithScrollbar as f, generateId as g, checkForFocusableElInShadow as h, intl as i, getFirstFocusableDescendant as j, getNewIndexToFocus as k, shouldOpenUp as l, shouldOpenDown as m, shouldShiftRight as n, shouldShiftLeft as o, hasValidType as p, getTextDir as q, throttle as r, snakeCaseToCamelCase as s, toBool as t, hasRoomRight as u };
+export { adjustTooltipPlacement as a, getPosition as b, checkForActiveElInShadow as c, debounce as d, isRelatedTarget as e, findParentWithScrollbar as f, generateId as g, checkForFocusableElInShadow as h, intl as i, getFirstFocusableDescendant as j, getNewIndexToFocus as k, shouldOpenUp as l, shouldOpenDown as m, shouldShiftRight as n, shouldShiftLeft as o, hasValidType as p, getTextDir as q, throttle as r, snakeCaseToCamelCase as s, toBool as t, hasRoomRight as u };

package/dist/esm/{global-5902ef31.js → global-590c515d.js}

@@ -1,4 +1,4 @@
-const version = "3.12.0";
+const version = "3.13.0-9";
 
 // PRINT RIPPLE VERSION IN CONSOLE
 // test envs return 0 for plugin.length
@@ -14,10 +14,7 @@ function wmComponentKeys(ev) {
     window.dispatchEvent(event);
     document.querySelector("body").classList.add("wmcl-user-is-tabbing");
   }
-  if (ev.key == "ArrowLeft" ||
-    ev.key == "ArrowUp" ||
-    ev.key == "ArrowRight" ||
-    ev.key == "ArrowDown") {
+  if (ev.key == "ArrowLeft" || ev.key == "ArrowUp" || ev.key == "ArrowRight" || ev.key == "ArrowDown") {
     var event = new Event("wmUserIsKeying");
     window.dispatchEvent(event);
     document.querySelector("body").classList.add("wmcl-user-is-keying");
@@ -57,6 +54,11 @@ tooltipEl.style.padding = "0.375rem";
 tooltipEl.style.transitionProperty = "opacity";
 tooltipEl.style.transitionDelay = "opacity";
 tooltipEl.style.opacity = "0";
+tooltipEl.style.top = "0";
+tooltipEl.style.left = "0";
+tooltipEl.style.transform = "translateZ(0)";
+tooltipEl.style.willChange = "transform";
+tooltipEl.style.transform = "translate(var(--wmTooltipLeft), var(--wmTooltipTop))";
 tooltipContainer.appendChild(tooltipEl);
 const body = document.querySelector("body");
 body.appendChild(tooltipContainer);