@sapudex/web-components 2.9.0 → 2.10.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (273) hide show
  1. package/bundle.esm.js +1 -0
  2. package/cypress/fixtures/footer-links.ts +32 -33
  3. package/cypress/specs/CountrySelector.cy.tsx +5 -2
  4. package/cypress/specs/FilterMenu.cy.tsx +884 -0
  5. package/cypress/specs/Footer.cy.tsx +10 -11
  6. package/cypress/specs/SocialMediaButton.cy.tsx +44 -0
  7. package/cypress/specs/Table.cy.tsx +8 -2
  8. package/cypress/specs/TextField.cy.tsx +11 -4
  9. package/cypress/support/component-imports.instrumented.ts +11 -1
  10. package/cypress/support/component-imports.src.ts +12 -2
  11. package/dist/Assets.d.ts +1 -0
  12. package/dist/Assets.js +1 -0
  13. package/dist/Assets.js.map +1 -1
  14. package/dist/CountrySelector.d.ts +2 -2
  15. package/dist/CountrySelector.js +6 -3
  16. package/dist/CountrySelector.js.map +1 -1
  17. package/dist/DatePicker.js +2 -2
  18. package/dist/DatePicker.js.map +1 -1
  19. package/dist/FilterMenu.d.ts +13 -2
  20. package/dist/FilterMenu.js +59 -13
  21. package/dist/FilterMenu.js.map +1 -1
  22. package/dist/Footer.d.ts +5 -3
  23. package/dist/Footer.js +3 -5
  24. package/dist/Footer.js.map +1 -1
  25. package/dist/MastheadItem.d.ts +12 -0
  26. package/dist/MastheadItem.js +6 -0
  27. package/dist/MastheadItem.js.map +1 -1
  28. package/dist/MastheadShell.d.ts +13 -3
  29. package/dist/MastheadShell.js +17 -4
  30. package/dist/MastheadShell.js.map +1 -1
  31. package/dist/SelectBox.d.ts +0 -1
  32. package/dist/SelectBox.js +2 -2
  33. package/dist/SelectBox.js.map +1 -1
  34. package/dist/SocialMediaButton.d.ts +73 -0
  35. package/dist/SocialMediaButton.js +135 -0
  36. package/dist/SocialMediaButton.js.map +1 -0
  37. package/dist/SocialMediaButtonTemplate.d.ts +2 -0
  38. package/dist/SocialMediaButtonTemplate.js +6 -0
  39. package/dist/SocialMediaButtonTemplate.js.map +1 -0
  40. package/dist/StepInput.d.ts +2 -1
  41. package/dist/StepInput.js +6 -0
  42. package/dist/StepInput.js.map +1 -1
  43. package/dist/StepInputTemplate.js +1 -1
  44. package/dist/StepInputTemplate.js.map +1 -1
  45. package/dist/TableRow.d.ts +11 -0
  46. package/dist/TableRow.js +16 -0
  47. package/dist/TableRow.js.map +1 -1
  48. package/dist/TextArea.d.ts +3 -8
  49. package/dist/TextArea.js +12 -5
  50. package/dist/TextArea.js.map +1 -1
  51. package/dist/TextField.d.ts +20 -11
  52. package/dist/TextField.js +44 -31
  53. package/dist/TextField.js.map +1 -1
  54. package/dist/assets/{InputSuggestions-BmjyLzkP.js → InputSuggestions-xcV7PZDf.js} +1 -1
  55. package/dist/assets/{ListItemStandardExpandableTextTemplate-CDt3iORy.js → ListItemStandardExpandableTextTemplate-RYCr4pVL.js} +1 -1
  56. package/dist/assets/ar-CUjm9SSI.js +1 -0
  57. package/dist/assets/ar_EG-DQlFzN6x.js +1 -0
  58. package/dist/assets/ar_SA-lp21-ovF.js +1 -0
  59. package/dist/assets/bg-BMgSEqKu.js +1 -0
  60. package/dist/assets/{bundle.esm-Dz11sAJe.js → bundle.esm-bg-64miJ.js} +208 -207
  61. package/dist/assets/ca-BEgqToWu.js +1 -0
  62. package/dist/assets/cnr-IJYa9RjY.js +1 -0
  63. package/dist/assets/cs-DcM44PeB.js +1 -0
  64. package/dist/assets/da-D81rJc1N.js +1 -0
  65. package/dist/assets/de-eQRPkDbn.js +1 -0
  66. package/dist/assets/de_AT-Ag3CVI5m.js +1 -0
  67. package/dist/assets/de_CH-DgRYNg0p.js +1 -0
  68. package/dist/assets/el-W3XNt9Wl.js +1 -0
  69. package/dist/assets/el_CY-BfNIiYpU.js +1 -0
  70. package/dist/assets/en-CrBjXhTl.js +1 -0
  71. package/dist/assets/en_AU-Br7ytKW4.js +1 -0
  72. package/dist/assets/en_GB-DfnNoCgD.js +1 -0
  73. package/dist/assets/en_HK-Cyj9DPsW.js +1 -0
  74. package/dist/assets/en_IE-B5FpEUby.js +1 -0
  75. package/dist/assets/en_IN-C3XmKnWe.js +1 -0
  76. package/dist/assets/en_NZ-COJ5ycaE.js +1 -0
  77. package/dist/assets/en_PG-BB-Cmgcm.js +1 -0
  78. package/dist/assets/en_SG-Dfevg5da.js +1 -0
  79. package/dist/assets/en_ZA-BgOSNy0v.js +1 -0
  80. package/dist/assets/es-CRcVj7aR.js +1 -0
  81. package/dist/assets/es_AR-CFf6aWC5.js +1 -0
  82. package/dist/assets/es_BO-DNFEED1o.js +1 -0
  83. package/dist/assets/es_CL-DZhLyidG.js +1 -0
  84. package/dist/assets/es_CO-uWf-1tom.js +1 -0
  85. package/dist/assets/es_MX-C_wDRcT-.js +1 -0
  86. package/dist/assets/es_PE-QQsdF6EB.js +1 -0
  87. package/dist/assets/es_UY-CWhNSkyr.js +1 -0
  88. package/dist/assets/es_VE-hweLK9Ws.js +1 -0
  89. package/dist/assets/et-B3fco2O5.js +1 -0
  90. package/dist/assets/fa-oRguSKlL.js +1 -0
  91. package/dist/assets/fi-Daa_vlE5.js +1 -0
  92. package/dist/assets/fr-CANfYyyO.js +1 -0
  93. package/dist/assets/fr_BE-CCxD_K6m.js +1 -0
  94. package/dist/assets/fr_CA-BEtkRJZv.js +1 -0
  95. package/dist/assets/fr_CH-CrBmdh_n.js +1 -0
  96. package/dist/assets/fr_LU-CDcjZueC.js +1 -0
  97. package/dist/assets/he-CVUhin6m.js +1 -0
  98. package/dist/assets/hi-DF2PyuOw.js +1 -0
  99. package/dist/assets/hr-b6c4wXpD.js +1 -0
  100. package/dist/assets/hu-B7IWSU6b.js +1 -0
  101. package/dist/assets/id-GxIydI_w.js +1 -0
  102. package/dist/assets/it-DAjzvm2X.js +1 -0
  103. package/dist/assets/it_CH-BvNuHKQK.js +1 -0
  104. package/dist/assets/ja-DhVA6Wxm.js +1 -0
  105. package/dist/assets/kk-BSxmnq67.js +1 -0
  106. package/dist/assets/ko-ZT8Z04Uq.js +1 -0
  107. package/dist/assets/lt-BVWqkFr_.js +1 -0
  108. package/dist/assets/lv-DyXyW37Y.js +1 -0
  109. package/dist/assets/messagebundle_en-BHfPJk-2.js +1 -0
  110. package/dist/assets/mk-ChbdOzZI.js +1 -0
  111. package/dist/assets/ms-H9bJ42GA.js +1 -0
  112. package/dist/assets/nb-Dgkq7ozi.js +1 -0
  113. package/dist/assets/nl-DZqLtAXS.js +1 -0
  114. package/dist/assets/nl_BE-Dx4AxOFo.js +1 -0
  115. package/dist/assets/pl-MzEgIfvm.js +1 -0
  116. package/dist/assets/pt-2N8dosOm.js +1 -0
  117. package/dist/assets/pt_PT-CIcj5FsJ.js +1 -0
  118. package/dist/assets/ro-CZHCJKTk.js +1 -0
  119. package/dist/assets/ru-BcU9rFqC.js +1 -0
  120. package/dist/assets/ru_UA-aH_wNrwj.js +1 -0
  121. package/dist/assets/sk-DYn5gXzA.js +1 -0
  122. package/dist/assets/sl-RYb_KlOx.js +1 -0
  123. package/dist/assets/sr-Bap_3nyz.js +1 -0
  124. package/dist/assets/sr_Latn-FYOU_tQB.js +1 -0
  125. package/dist/assets/sv-CeQXZ1qM.js +1 -0
  126. package/dist/assets/th-C5mRgAid.js +1 -0
  127. package/dist/assets/tr-vCU3KUkO.js +1 -0
  128. package/dist/assets/uk-CKvdHIrD.js +1 -0
  129. package/dist/assets/vi-0BxthtV1.js +1 -0
  130. package/dist/assets/zh_CN-BV9PXZ7J.js +1 -0
  131. package/dist/assets/zh_HK-kGfo3-wS.js +1 -0
  132. package/dist/assets/zh_SG-B8bEKxnm.js +1 -0
  133. package/dist/assets/zh_TW-BshO-JEe.js +1 -0
  134. package/dist/css/themes/DatePicker.css +1 -1
  135. package/dist/css/themes/Dropdown.css +1 -1
  136. package/dist/css/themes/FilterMenu.css +1 -1
  137. package/dist/css/themes/Footer.css +1 -1
  138. package/dist/css/themes/Link.css +1 -1
  139. package/dist/css/themes/MastheadItem.css +1 -1
  140. package/dist/css/themes/MastheadMenu.css +1 -1
  141. package/dist/css/themes/RatingIndicator.css +1 -1
  142. package/dist/css/themes/SelectBox.css +1 -1
  143. package/dist/css/themes/Slider.css +1 -1
  144. package/dist/css/themes/SocialMediaButton.css +1 -0
  145. package/dist/css/themes/TextField.css +1 -1
  146. package/dist/custom-elements-internal.json +214 -6
  147. package/dist/custom-elements.json +205 -6
  148. package/dist/generated/assets/i18n/messagebundle_en.json +1 -1
  149. package/dist/generated/i18n/i18n-defaults.d.ts +2 -2
  150. package/dist/generated/i18n/i18n-defaults.js +2 -2
  151. package/dist/generated/i18n/i18n-defaults.js.map +1 -1
  152. package/dist/generated/templates/CountrySelectorTemplate.lit.js +1 -2
  153. package/dist/generated/templates/CountrySelectorTemplate.lit.js.map +1 -1
  154. package/dist/generated/templates/DatePickerTemplate.lit.js +4 -5
  155. package/dist/generated/templates/DatePickerTemplate.lit.js.map +1 -1
  156. package/dist/generated/templates/FilterMenuTemplate.lit.js +2 -2
  157. package/dist/generated/templates/FilterMenuTemplate.lit.js.map +1 -1
  158. package/dist/generated/templates/FooterTemplate.lit.js +1 -1
  159. package/dist/generated/templates/FooterTemplate.lit.js.map +1 -1
  160. package/dist/generated/templates/MastheadItemTemplate.lit.js +3 -3
  161. package/dist/generated/templates/MastheadItemTemplate.lit.js.map +1 -1
  162. package/dist/generated/templates/MastheadShellTemplate.lit.js +1 -1
  163. package/dist/generated/templates/MastheadShellTemplate.lit.js.map +1 -1
  164. package/dist/generated/templates/SearchableListBaseTemplate.lit.js +1 -1
  165. package/dist/generated/templates/SearchableListBaseTemplate.lit.js.map +1 -1
  166. package/dist/generated/templates/SelectBoxTemplate.lit.js +4 -4
  167. package/dist/generated/templates/SelectBoxTemplate.lit.js.map +1 -1
  168. package/dist/generated/templates/TextFieldTemplate.lit.js +2 -2
  169. package/dist/generated/templates/TextFieldTemplate.lit.js.map +1 -1
  170. package/dist/generated/themes/DatePicker.css.d.ts +1 -1
  171. package/dist/generated/themes/DatePicker.css.js +1 -1
  172. package/dist/generated/themes/DatePicker.css.js.map +1 -1
  173. package/dist/generated/themes/Dropdown.css.d.ts +1 -1
  174. package/dist/generated/themes/Dropdown.css.js +1 -1
  175. package/dist/generated/themes/Dropdown.css.js.map +1 -1
  176. package/dist/generated/themes/FilterMenu.css.d.ts +1 -1
  177. package/dist/generated/themes/FilterMenu.css.js +1 -1
  178. package/dist/generated/themes/FilterMenu.css.js.map +1 -1
  179. package/dist/generated/themes/Footer.css.d.ts +1 -1
  180. package/dist/generated/themes/Footer.css.js +1 -1
  181. package/dist/generated/themes/Footer.css.js.map +1 -1
  182. package/dist/generated/themes/Link.css.d.ts +1 -1
  183. package/dist/generated/themes/Link.css.js +1 -1
  184. package/dist/generated/themes/Link.css.js.map +1 -1
  185. package/dist/generated/themes/MastheadItem.css.d.ts +1 -1
  186. package/dist/generated/themes/MastheadItem.css.js +1 -1
  187. package/dist/generated/themes/MastheadItem.css.js.map +1 -1
  188. package/dist/generated/themes/MastheadMenu.css.d.ts +1 -1
  189. package/dist/generated/themes/MastheadMenu.css.js +1 -1
  190. package/dist/generated/themes/MastheadMenu.css.js.map +1 -1
  191. package/dist/generated/themes/RatingIndicator.css.d.ts +1 -1
  192. package/dist/generated/themes/RatingIndicator.css.js +1 -1
  193. package/dist/generated/themes/RatingIndicator.css.js.map +1 -1
  194. package/dist/generated/themes/SelectBox.css.d.ts +1 -1
  195. package/dist/generated/themes/SelectBox.css.js +1 -1
  196. package/dist/generated/themes/SelectBox.css.js.map +1 -1
  197. package/dist/generated/themes/Slider.css.d.ts +1 -1
  198. package/dist/generated/themes/Slider.css.js +1 -1
  199. package/dist/generated/themes/Slider.css.js.map +1 -1
  200. package/dist/generated/themes/SocialMediaButton.css.d.ts +2 -0
  201. package/dist/generated/themes/SocialMediaButton.css.js +8 -0
  202. package/dist/generated/themes/SocialMediaButton.css.js.map +1 -0
  203. package/dist/generated/themes/TextField.css.d.ts +1 -1
  204. package/dist/generated/themes/TextField.css.js +1 -1
  205. package/dist/generated/themes/TextField.css.js.map +1 -1
  206. package/dist/messagebundle.properties +3 -3
  207. package/dist/messagebundle_en.properties +1 -1
  208. package/dist/types/SocialMediaButtonType.d.ts +9 -0
  209. package/dist/types/SocialMediaButtonType.js +11 -0
  210. package/dist/types/SocialMediaButtonType.js.map +1 -0
  211. package/dist/vscode.html-custom-data.json +50 -1
  212. package/dist/web-types.json +112 -7
  213. package/package.json +2 -1
  214. package/src/Assets.ts +1 -0
  215. package/src/CountrySelector.hbs +3 -9
  216. package/src/CountrySelector.ts +7 -4
  217. package/src/DatePicker.hbs +17 -26
  218. package/src/DatePicker.ts +2 -2
  219. package/src/FilterMenu.hbs +33 -37
  220. package/src/FilterMenu.ts +69 -15
  221. package/src/Footer.hbs +7 -14
  222. package/src/Footer.ts +7 -8
  223. package/src/MastheadItem.hbs +2 -2
  224. package/src/MastheadItem.ts +18 -0
  225. package/src/MastheadShell.hbs +3 -2
  226. package/src/MastheadShell.ts +28 -7
  227. package/src/SearchableListBase.hbs +1 -1
  228. package/src/SelectBox.hbs +11 -13
  229. package/src/SelectBox.ts +2 -2
  230. package/src/SocialMediaButton.ts +152 -0
  231. package/src/SocialMediaButtonTemplate.tsx +18 -0
  232. package/src/StepInput.ts +8 -1
  233. package/src/StepInputTemplate.tsx +1 -2
  234. package/src/TableRow.ts +27 -1
  235. package/src/TextArea.ts +14 -7
  236. package/src/TextField.hbs +5 -5
  237. package/src/TextField.ts +87 -66
  238. package/src/generated/i18n/i18n-defaults.ts +2 -2
  239. package/src/generated/templates/CountrySelectorTemplate.lit.ts +1 -2
  240. package/src/generated/templates/DatePickerTemplate.lit.ts +4 -5
  241. package/src/generated/templates/FilterMenuTemplate.lit.ts +2 -2
  242. package/src/generated/templates/FooterTemplate.lit.ts +1 -1
  243. package/src/generated/templates/MastheadItemTemplate.lit.ts +3 -3
  244. package/src/generated/templates/MastheadShellTemplate.lit.ts +1 -1
  245. package/src/generated/templates/SearchableListBaseTemplate.lit.ts +1 -1
  246. package/src/generated/templates/SelectBoxTemplate.lit.ts +4 -4
  247. package/src/generated/templates/TextFieldTemplate.lit.ts +2 -2
  248. package/src/generated/themes/DatePicker.css.ts +1 -1
  249. package/src/generated/themes/Dropdown.css.ts +1 -1
  250. package/src/generated/themes/FilterMenu.css.ts +1 -1
  251. package/src/generated/themes/Footer.css.ts +1 -1
  252. package/src/generated/themes/Link.css.ts +1 -1
  253. package/src/generated/themes/MastheadItem.css.ts +1 -1
  254. package/src/generated/themes/MastheadMenu.css.ts +1 -1
  255. package/src/generated/themes/RatingIndicator.css.ts +1 -1
  256. package/src/generated/themes/SelectBox.css.ts +1 -1
  257. package/src/generated/themes/Slider.css.ts +1 -1
  258. package/src/generated/themes/SocialMediaButton.css.ts +9 -0
  259. package/src/generated/themes/TextField.css.ts +1 -1
  260. package/src/i18n/messagebundle.properties +3 -3
  261. package/src/i18n/messagebundle_en.properties +1 -1
  262. package/src/themes/DatePicker.css +0 -5
  263. package/src/themes/Dropdown.css +1 -1
  264. package/src/themes/FilterMenu.css +2 -2
  265. package/src/themes/Footer.css +0 -16
  266. package/src/themes/Link.css +4 -1
  267. package/src/themes/MastheadItem.css +2 -1
  268. package/src/themes/MastheadMenu.css +4 -4
  269. package/src/themes/SelectBox.css +1 -1
  270. package/src/themes/SocialMediaButton.css +50 -0
  271. package/src/themes/TextField.css +0 -15
  272. package/src/types/SocialMediaButtonType.ts +10 -0
  273. package/dist/assets/messagebundle_en-CKeTZNW3.js +0 -1
package/bundle.esm.js CHANGED
@@ -98,6 +98,7 @@ import "./dist/SideNavigationItem.js";
98
98
  import "./dist/SideNavigationMobile.js";
99
99
  import "./dist/SideNavigationSubItem.js";
100
100
  import "./dist/Slider.js";
101
+ import "./dist/SocialMediaButton.js";
101
102
  import "./dist/StatusBadge.js";
102
103
  import "./dist/StatusMessage.js";
103
104
  import "./dist/StepInput.js";
@@ -176,46 +176,45 @@ export const siteInformationLinks = [
176
176
  ];
177
177
 
178
178
  export const socialLinks = [
179
- {
180
- "url":"https://facebook.com",
181
- "iconUrl":"./assets/facebook.svg",
182
- "id":"facebookId",
179
+ {
180
+ "url":"https://facebook.com/SAP",
183
181
  "name":"facebook",
184
- "target":"_blank",
185
- },
186
- {
187
- "url":"https://twitter.com",
188
- "iconUrl":"./assets/twitter.svg",
189
- "id":"twitterId",
190
- "name":"twitter",
191
- "target":"_blank",
192
- },
193
- {
194
- "url":"https://youtube.com",
195
- "iconUrl":"./assets/youtube.svg",
196
- "id":"youtubeId",
182
+ "id":"facebookId",
183
+ "accessibleName":"Facebook Social Media Link",
184
+ "target":"_blank",
185
+ },
186
+ {
187
+ "url":"https://x.com/sap",
188
+ "name":"x",
189
+ "id":"xId",
190
+ "accessibleName":"X Social Media Link",
191
+ "target":"_blank",
192
+ },
193
+ {
194
+ "url":"https://youtube.com/@SAP",
197
195
  "name":"youtube",
196
+ "id":"youtubeId",
197
+ "accessibleName":"YouTube Social Media Link",
198
198
  "target":"_blank",
199
- },
200
- {
201
- "url":"https://linkedin.com",
202
- "iconUrl":"./assets/linkedin.svg",
203
- "id":"linkedinId",
199
+ },
200
+ {
201
+ "url":"https://www.linkedin.com/company/sap",
204
202
  "name":"linkedin",
203
+ "id":"linkedinId",
204
+ "accessibleName":"LinkedIn Social Media Link",
205
205
  "target":"_blank",
206
- },
207
- {
206
+ },
207
+ {
208
208
  "url":"https://instagram.com",
209
- "iconUrl":"./assets/instagram.svg",
210
- "id":"instagramId",
211
209
  "name":"instagram",
210
+ "id":"instagramId",
211
+ "accessibleName":"Instagram Social Media Link",
212
212
  "target":"_blank",
213
- },
214
- {
215
- "url":"https://sap.com",
216
- "iconUrl":"./assets/email.svg",
213
+ },
214
+ {
215
+ "url":"mailto:contact@sap.com",
216
+ "name":"email",
217
217
  "id":"sapId",
218
- "name":"sap",
219
- "target":"_blank",
220
- }
218
+ "accessibleName":"Send SAP Email Link",
219
+ }
221
220
  ];
@@ -55,7 +55,10 @@ describe("CountrySelector", () => {
55
55
 
56
56
  it("renders supporting text", () => {
57
57
  cy.mount(countrySelectorWithSupportingText)
58
- cy.get("#country-selector-supporting-text").shadow().find("udex-status-message").shadow().find(".udex-status-message__supporting-text").should("have.text", "Test supporting text")
58
+ cy.get("#country-selector-supporting-text")
59
+ .shadow().find("udex-text-field")
60
+ .shadow().find("udex-status-message")
61
+ .shadow().find(".udex-status-message__supporting-text").should("have.text", "Test supporting text")
59
62
  });
60
63
 
61
64
  it("renders Standard valueState by default", () => {
@@ -133,7 +136,7 @@ describe("CountrySelector", () => {
133
136
 
134
137
  it('hides trigger icon when displayonly', () => {
135
138
  cy.mount(<UDExCountrySelector displayonly></UDExCountrySelector>)
136
- cy.get("[udex-country-selector]").shadow().find("#udexTextField").shadow().find("udex-control-button").should("not.be.visible")
139
+ cy.get("[udex-country-selector]").shadow().find("#udexTextField").shadow().find("udex-control-button").should("not.exist")
137
140
  });
138
141
 
139
142
  it('add special class when hideFlagImages is true', () => {