@transferwise/components 0.0.0-experimental-76038dc → 0.0.0-experimental-5c9e189

package/build/common/initials.js

@@ -1,6 +1,9 @@
 'use strict';
 
 function getInitials(name) {
+  if (name.length === 2 && /^[A-Z]{2}$/.test(name)) {
+    return name;
+  }
   const allInitials = name.split(' ').map(part => part[0]).join('').toUpperCase();
   if (allInitials.length === 1) {
     return allInitials[0];

package/build/common/initials.js.map

@@ -1 +1 @@
-{"version":3,"file":"initials.js","sources":["../../src/common/initials.ts"],"sourcesContent":["export function getInitials(name: string) {\n  const allInitials = name\n    .split(' ')\n    .map((part) => part[0])\n    .join('')\n    .toUpperCase();\n\n  if (allInitials.length === 1) {\n    return allInitials[0];\n  }\n\n  return allInitials[0] + allInitials.slice(-1);\n}\n"],"names":["getInitials","name","allInitials","split","map","part","join","toUpperCase","length","slice"],"mappings":";;AAAM,SAAUA,WAAWA,CAACC,IAAY,EAAA;EACtC,MAAMC,WAAW,GAAGD,IAAI,CACrBE,KAAK,CAAC,GAAG,CAAC,CACVC,GAAG,CAAEC,IAAI,IAAKA,IAAI,CAAC,CAAC,CAAC,CAAC,CACtBC,IAAI,CAAC,EAAE,CAAC,CACRC,WAAW,EAAE;AAEhB,EAAA,IAAIL,WAAW,CAACM,MAAM,KAAK,CAAC,EAAE;IAC5B,OAAON,WAAW,CAAC,CAAC,CAAC;AACvB;EAEA,OAAOA,WAAW,CAAC,CAAC,CAAC,GAAGA,WAAW,CAACO,KAAK,CAAC,EAAE,CAAC;AAC/C;;;;"}
+{"version":3,"file":"initials.js","sources":["../../src/common/initials.ts"],"sourcesContent":["export function getInitials(name: string) {\n  if (name.length === 2 && /^[A-Z]{2}$/.test(name)) {\n    return name;\n  }\n\n  const allInitials = name\n    .split(' ')\n    .map((part) => part[0])\n    .join('')\n    .toUpperCase();\n\n  if (allInitials.length === 1) {\n    return allInitials[0];\n  }\n\n  return allInitials[0] + allInitials.slice(-1);\n}\n"],"names":["getInitials","name","length","test","allInitials","split","map","part","join","toUpperCase","slice"],"mappings":";;AAAM,SAAUA,WAAWA,CAACC,IAAY,EAAA;AACtC,EAAA,IAAIA,IAAI,CAACC,MAAM,KAAK,CAAC,IAAI,YAAY,CAACC,IAAI,CAACF,IAAI,CAAC,EAAE;AAChD,IAAA,OAAOA,IAAI;AACb;EAEA,MAAMG,WAAW,GAAGH,IAAI,CACrBI,KAAK,CAAC,GAAG,CAAC,CACVC,GAAG,CAAEC,IAAI,IAAKA,IAAI,CAAC,CAAC,CAAC,CAAC,CACtBC,IAAI,CAAC,EAAE,CAAC,CACRC,WAAW,EAAE;AAEhB,EAAA,IAAIL,WAAW,CAACF,MAAM,KAAK,CAAC,EAAE;IAC5B,OAAOE,WAAW,CAAC,CAAC,CAAC;AACvB;EAEA,OAAOA,WAAW,CAAC,CAAC,CAAC,GAAGA,WAAW,CAACM,KAAK,CAAC,EAAE,CAAC;AAC/C;;;;"}

package/build/common/initials.mjs

@@ -1,4 +1,7 @@
 function getInitials(name) {
+  if (name.length === 2 && /^[A-Z]{2}$/.test(name)) {
+    return name;
+  }
   const allInitials = name.split(' ').map(part => part[0]).join('').toUpperCase();
   if (allInitials.length === 1) {
     return allInitials[0];

package/build/common/initials.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"initials.mjs","sources":["../../src/common/initials.ts"],"sourcesContent":["export function getInitials(name: string) {\n  const allInitials = name\n    .split(' ')\n    .map((part) => part[0])\n    .join('')\n    .toUpperCase();\n\n  if (allInitials.length === 1) {\n    return allInitials[0];\n  }\n\n  return allInitials[0] + allInitials.slice(-1);\n}\n"],"names":["getInitials","name","allInitials","split","map","part","join","toUpperCase","length","slice"],"mappings":"AAAM,SAAUA,WAAWA,CAACC,IAAY,EAAA;EACtC,MAAMC,WAAW,GAAGD,IAAI,CACrBE,KAAK,CAAC,GAAG,CAAC,CACVC,GAAG,CAAEC,IAAI,IAAKA,IAAI,CAAC,CAAC,CAAC,CAAC,CACtBC,IAAI,CAAC,EAAE,CAAC,CACRC,WAAW,EAAE;AAEhB,EAAA,IAAIL,WAAW,CAACM,MAAM,KAAK,CAAC,EAAE;IAC5B,OAAON,WAAW,CAAC,CAAC,CAAC;AACvB;EAEA,OAAOA,WAAW,CAAC,CAAC,CAAC,GAAGA,WAAW,CAACO,KAAK,CAAC,EAAE,CAAC;AAC/C;;;;"}
+{"version":3,"file":"initials.mjs","sources":["../../src/common/initials.ts"],"sourcesContent":["export function getInitials(name: string) {\n  if (name.length === 2 && /^[A-Z]{2}$/.test(name)) {\n    return name;\n  }\n\n  const allInitials = name\n    .split(' ')\n    .map((part) => part[0])\n    .join('')\n    .toUpperCase();\n\n  if (allInitials.length === 1) {\n    return allInitials[0];\n  }\n\n  return allInitials[0] + allInitials.slice(-1);\n}\n"],"names":["getInitials","name","length","test","allInitials","split","map","part","join","toUpperCase","slice"],"mappings":"AAAM,SAAUA,WAAWA,CAACC,IAAY,EAAA;AACtC,EAAA,IAAIA,IAAI,CAACC,MAAM,KAAK,CAAC,IAAI,YAAY,CAACC,IAAI,CAACF,IAAI,CAAC,EAAE;AAChD,IAAA,OAAOA,IAAI;AACb;EAEA,MAAMG,WAAW,GAAGH,IAAI,CACrBI,KAAK,CAAC,GAAG,CAAC,CACVC,GAAG,CAAEC,IAAI,IAAKA,IAAI,CAAC,CAAC,CAAC,CAAC,CACtBC,IAAI,CAAC,EAAE,CAAC,CACRC,WAAW,EAAE;AAEhB,EAAA,IAAIL,WAAW,CAACF,MAAM,KAAK,CAAC,EAAE;IAC5B,OAAOE,WAAW,CAAC,CAAC,CAAC;AACvB;EAEA,OAAOA,WAAW,CAAC,CAAC,CAAC,GAAGA,WAAW,CAACM,KAAK,CAAC,EAAE,CAAC;AAC/C;;;;"}

package/build/main.css

@@ -5978,6 +5978,9 @@ html:not([dir="rtl"]) .np-navigation-option {
 .upload-error-message .alert {
   min-width: 100px;
 }
+.np-theme-personal .droppable-dropping .droppable-complete-card {
+  display: none;
+}
 .np-upload-input__upload-button {
   position: relative;
   padding: 16px;

package/build/styles/main.css

@@ -5978,6 +5978,9 @@ html:not([dir="rtl"]) .np-navigation-option {
 .upload-error-message .alert {
   min-width: 100px;
 }
+.np-theme-personal .droppable-dropping .droppable-complete-card {
+  display: none;
+}
 .np-upload-input__upload-button {
   position: relative;
   padding: 16px;

package/build/styles/upload/Upload.css

@@ -29,3 +29,6 @@
 .upload-error-message .alert {
   min-width: 100px;
 }
+.np-theme-personal .droppable-dropping .droppable-complete-card {
+  display: none;
+}

package/build/types/common/initials.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"initials.d.ts","sourceRoot":"","sources":["../../../src/common/initials.ts"],"names":[],"mappings":"AAAA,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,UAYvC"}
+{"version":3,"file":"initials.d.ts","sourceRoot":"","sources":["../../../src/common/initials.ts"],"names":[],"mappings":"AAAA,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,UAgBvC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@transferwise/components",
-  "version": "0.0.0-experimental-76038dc",
+  "version": "0.0.0-experimental-5c9e189",
   "description": "Neptune React components",
   "license": "Apache-2.0",
   "repository": {
@@ -80,7 +80,7 @@
     "@types/react": "^18.3.11",
     "@types/react-dom": "^18.3.1",
     "@types/react-transition-group": "4.4.12",
-    "@wise/art": "2.21.1-beta.1",
+    "@wise/art": "^2.21.1",
     "@wise/eslint-config": "^12.3.0",
     "babel-plugin-formatjs": "^10.5.38",
     "enzyme": "^3.11.0",
@@ -94,16 +94,16 @@
     "rollup": "^4.41.1",
     "rollup-preserve-directives": "^1.1.3",
     "storybook": "^8.6.14",
-    "@transferwise/less-config": "0.0.0-experimental-76038dc",
+    "@transferwise/less-config": "0.0.0-experimental-5c9e189",
     "@transferwise/neptune-css": "14.24.4",
-    "@wise/components-theming": "0.0.0-experimental-76038dc",
+    "@wise/components-theming": "0.0.0-experimental-5c9e189",
     "@wise/wds-configs": "0.0.0"
   },
   "peerDependencies": {
     "@transferwise/icons": "^3.22.0",
     "@transferwise/neptune-css": "^14.24",
-    "@wise/art": "2.21.1-beta.1",
-    "@wise/components-theming": "0.0.0-experimental-76038dc",
+    "@wise/art": "^2.21",
+    "@wise/components-theming": "0.0.0-experimental-5c9e189",
     "react": ">=18",
     "react-dom": ">=18",
     "react-intl": "^5.10.0 || ^6"
@@ -117,7 +117,7 @@
     "@react-aria/overlays": "^3.27.1",
     "@react-spring/web": "~10.0.1",
     "@transferwise/formatting": "^2.13.1",
-    "@transferwise/neptune-validation": "0.0.0-experimental-76038dc",
+    "@transferwise/neptune-validation": "0.0.0-experimental-5c9e189",
     "clsx": "^2.1.1",
     "commonmark": "^0.31.2",
     "core-js": "^3.42.0",

package/src/common/initials.spec.tsx

@@ -0,0 +1,42 @@
+import { getInitials } from './initials';
+
+describe('getInitials', () => {
+  it('returns both letters if input is exactly two uppercase letters', () => {
+    expect(getInitials('ML')).toBe('ML');
+    expect(getInitials('JS')).toBe('JS');
+  });
+
+  it('returns one letter if input is exactly two letters and either letter is lowercase', () => {
+    expect(getInitials('Na')).toBe('N');
+    expect(getInitials('aa')).toBe('A');
+  });
+
+  it('returns first letter if only one word is given', () => {
+    expect(getInitials('Anton')).toBe('A');
+    expect(getInitials('richard')).toBe('R');
+  });
+
+  it('returns first and last initials for multi-word names', () => {
+    expect(getInitials('Ness Grixti')).toBe('NG');
+    expect(getInitials('João Goão Cevada')).toBe('JC');
+    expect(getInitials('Caio Kaio Erio Orio')).toBe('CO');
+  });
+
+  it('handles lowercase and mixed case names', () => {
+    expect(getInitials('ilya puchka')).toBe('IP');
+    expect(getInitials('ilYa pUchka')).toBe('IP');
+  });
+
+  it('ignores extra spaces', () => {
+    expect(getInitials('  Deji     Ajetomobi  ')).toBe('DA');
+    expect(getInitials(' Gusso   ')).toBe('G');
+  });
+
+  it('returns first and last letter if name is two words with single letters', () => {
+    expect(getInitials('S L')).toBe('SL');
+  });
+
+  it('handles single character', () => {
+    expect(getInitials('Q')).toBe('Q');
+  });
+});

package/src/common/initials.ts

@@ -1,4 +1,8 @@
 export function getInitials(name: string) {
+  if (name.length === 2 && /^[A-Z]{2}$/.test(name)) {
+    return name;
+  }
+
   const allInitials = name
     .split(' ')
     .map((part) => part[0])

package/src/main.css

@@ -5978,6 +5978,9 @@ html:not([dir="rtl"]) .np-navigation-option {
 .upload-error-message .alert {
   min-width: 100px;
 }
+.np-theme-personal .droppable-dropping .droppable-complete-card {
+  display: none;
+}
 .np-upload-input__upload-button {
   position: relative;
   padding: 16px;

package/src/upload/Upload.css

@@ -29,3 +29,6 @@
 .upload-error-message .alert {
   min-width: 100px;
 }
+.np-theme-personal .droppable-dropping .droppable-complete-card {
+  display: none;
+}

package/src/upload/Upload.less

@@ -35,4 +35,10 @@
   .alert {
     min-width: 100px;
   }
-}
+}
+
+.np-theme-personal {
+  .droppable-dropping .droppable-complete-card  {
+    display: none;
+  }
+}