@economic/taco 2.14.1 → 2.15.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (57) hide show
  1. package/dist/components/Icon/components/AiChatSolid.d.ts +3 -0
  2. package/dist/components/Icon/components/AiStars.d.ts +3 -0
  3. package/dist/components/Icon/components/EnvelopeSolid.d.ts +3 -0
  4. package/dist/components/Icon/components/PhoneSolid.d.ts +3 -0
  5. package/dist/components/Icon/components/QuestionMarkBold.d.ts +3 -0
  6. package/dist/components/Icon/components/index.d.ts +1 -1
  7. package/dist/components/Input/Input.d.ts +1 -1
  8. package/dist/components/Menu/components/Item.d.ts +1 -1
  9. package/dist/components/Menu/components/Link.d.ts +1 -1
  10. package/dist/components/Navigation2/components/Link.d.ts +1 -1
  11. package/dist/components/Select2/components/Option.d.ts +2 -2
  12. package/dist/components/Select2/components/Search.d.ts +1 -1
  13. package/dist/components/Tag/Tag.d.ts +1 -1
  14. package/dist/components/Tooltip/Tooltip.d.ts +4 -0
  15. package/dist/esm/index.css +13 -3
  16. package/dist/esm/packages/taco/src/components/Field/Field.js +19 -3
  17. package/dist/esm/packages/taco/src/components/Field/Field.js.map +1 -1
  18. package/dist/esm/packages/taco/src/components/Icon/components/AiChatSolid.js +19 -0
  19. package/dist/esm/packages/taco/src/components/Icon/components/AiChatSolid.js.map +1 -0
  20. package/dist/esm/packages/taco/src/components/Icon/components/AiStars.js +30 -0
  21. package/dist/esm/packages/taco/src/components/Icon/components/AiStars.js.map +1 -0
  22. package/dist/esm/packages/taco/src/components/Icon/components/EnvelopeSolid.js +19 -0
  23. package/dist/esm/packages/taco/src/components/Icon/components/EnvelopeSolid.js.map +1 -0
  24. package/dist/esm/packages/taco/src/components/Icon/components/PhoneSolid.js +17 -0
  25. package/dist/esm/packages/taco/src/components/Icon/components/PhoneSolid.js.map +1 -0
  26. package/dist/esm/packages/taco/src/components/Icon/components/QuestionMarkBold.js +17 -0
  27. package/dist/esm/packages/taco/src/components/Icon/components/QuestionMarkBold.js.map +1 -0
  28. package/dist/esm/packages/taco/src/components/Icon/components/index.js +10 -0
  29. package/dist/esm/packages/taco/src/components/Icon/components/index.js.map +1 -1
  30. package/dist/esm/packages/taco/src/components/Table3/Table3.js +21 -3
  31. package/dist/esm/packages/taco/src/components/Table3/Table3.js.map +1 -1
  32. package/dist/esm/packages/taco/src/components/Table3/components/columns/header/Group.js +6 -5
  33. package/dist/esm/packages/taco/src/components/Table3/components/columns/header/Group.js.map +1 -1
  34. package/dist/esm/packages/taco/src/components/Table3/components/columns/header/Header.js +2 -2
  35. package/dist/esm/packages/taco/src/components/Table3/components/columns/header/Header.js.map +1 -1
  36. package/dist/esm/packages/taco/src/components/Table3/components/columns/header/Menu.js +1 -6
  37. package/dist/esm/packages/taco/src/components/Table3/components/columns/header/Menu.js.map +1 -1
  38. package/dist/esm/packages/taco/src/components/Table3/components/columns/internal/Actions.js +1 -1
  39. package/dist/esm/packages/taco/src/components/Table3/components/rows/Row.js +3 -1
  40. package/dist/esm/packages/taco/src/components/Table3/components/rows/Row.js.map +1 -1
  41. package/dist/esm/packages/taco/src/components/Table3/components/toolbar/PrintButton/hooks/useParentStylesheets.js +2 -1
  42. package/dist/esm/packages/taco/src/components/Table3/components/toolbar/PrintButton/hooks/useParentStylesheets.js.map +1 -1
  43. package/dist/esm/packages/taco/src/components/Table3/components/toolbar/Settings.js +2 -2
  44. package/dist/esm/packages/taco/src/components/Table3/components/toolbar/Settings.js.map +1 -1
  45. package/dist/esm/packages/taco/src/components/Table3/components/toolbar/Toolbar.js +1 -1
  46. package/dist/esm/packages/taco/src/components/Table3/components/toolbar/Toolbar.js.map +1 -1
  47. package/dist/esm/packages/taco/src/components/Tooltip/Tooltip.js +4 -0
  48. package/dist/esm/packages/taco/src/components/Tooltip/Tooltip.js.map +1 -1
  49. package/dist/esm/packages/taco/src/utils/hooks/useTruncated.js +20 -0
  50. package/dist/esm/packages/taco/src/utils/hooks/useTruncated.js.map +1 -0
  51. package/dist/index.css +13 -3
  52. package/dist/taco.cjs.development.js +185 -46
  53. package/dist/taco.cjs.development.js.map +1 -1
  54. package/dist/taco.cjs.production.min.js +1 -1
  55. package/dist/taco.cjs.production.min.js.map +1 -1
  56. package/package.json +2 -2
  57. package/types.json +20454 -10652
package/dist/taco.cjs.development.js CHANGED
@@ -188,6 +188,47 @@ function IconAccounting(props, svgRef) {
188
188
  }
189
189
  var Accounting = /*#__PURE__*/React.forwardRef(IconAccounting);
190
190
 
191
+ function IconAiChatSolid(props, svgRef) {
192
+ return /*#__PURE__*/React.createElement("svg", Object.assign({
193
+ fill: "none",
194
+ xmlns: "http://www.w3.org/2000/svg",
195
+ viewBox: "0 0 24 24",
196
+ ref: svgRef
197
+ }, props), /*#__PURE__*/React.createElement("path", {
198
+ fillRule: "evenodd",
199
+ clipRule: "evenodd",
200
+ d: "M18.823 2.122a.188.188 0 01.352 0l.874 2.364c.02.051.06.092.111.11l2.364.875a.188.188 0 010 .352l-2.364.875a.188.188 0 00-.11.11l-.875 2.364a.188.188 0 01-.352 0l-.875-2.364a.187.187 0 00-.11-.11l-2.364-.875a.188.188 0 010-.352l2.364-.874a.187.187 0 00.11-.111l.875-2.364zm1.667 7a.188.188 0 01.351 0l.515 1.39a.19.19 0 00.11.112l1.39.514a.188.188 0 010 .352l-1.39.514a.188.188 0 00-.11.111l-.515 1.39a.187.187 0 01-.351 0l-.515-1.39a.187.187 0 00-.11-.11l-1.391-.515a.188.188 0 010-.352l1.39-.514a.187.187 0 00.111-.111l.515-1.39zm-5.363-2.36c-.889-.328-1.014-1.455-.374-2.008a12.291 12.291 0 00-3.864-.606C5.979 4.148 2 6.884 2 10.26c0 2.393 1.999 4.463 4.91 5.467L4.513 19.99a.556.556 0 00.832.706l5.406-4.325.426-.003c3.493-.076 6.477-1.538 7.829-3.612l-.879-.325c-1.034-.383-1.034-1.845 0-2.228l.234-.086a1.168 1.168 0 01-.476-.595l-.745-2.013-2.013-.745z",
201
+ fill: "currentColor"
202
+ }));
203
+ }
204
+ var AiChatSolid = /*#__PURE__*/React.forwardRef(IconAiChatSolid);
205
+
206
+ function IconAiStars(props, svgRef) {
207
+ return /*#__PURE__*/React.createElement("svg", Object.assign({
208
+ fill: "none",
209
+ xmlns: "http://www.w3.org/2000/svg",
210
+ viewBox: "0 0 24 24",
211
+ ref: svgRef
212
+ }, props), /*#__PURE__*/React.createElement("mask", {
213
+ id: "ai-stars_svg__a",
214
+ fill: "#fff"
215
+ }, /*#__PURE__*/React.createElement("path", {
216
+ fillRule: "evenodd",
217
+ clipRule: "evenodd",
218
+ d: "M17.324 2.476a.188.188 0 01.351 0l.875 2.364c.019.05.06.091.11.11l2.364.875a.188.188 0 010 .352l-2.363.874a.187.187 0 00-.111.11l-.875 2.365a.188.188 0 01-.351 0l-.875-2.364a.188.188 0 00-.11-.11l-2.364-.875a.188.188 0 010-.352l2.363-.875a.188.188 0 00.111-.11l.875-2.364zM8.226 4.931c.266-.719 1.281-.719 1.547 0l1.566 4.23 4.23 1.566c.719.266.719 1.282 0 1.547l-4.23 1.566-1.566 4.23c-.266.72-1.281.72-1.547 0L6.66 13.84l-4.23-1.566c-.719-.265-.719-1.281 0-1.547l4.23-1.566 1.566-4.23zM9 7.16L7.96 9.974a.825.825 0 01-.488.487L4.66 11.5l2.81 1.041a.825.825 0 01.488.487L9 15.84l1.04-2.812a.825.825 0 01.488-.487l2.811-1.04-2.81-1.04a.825.825 0 01-.488-.488L9 7.162zm8.675 7.315a.188.188 0 00-.351 0l-.875 2.364a.188.188 0 01-.11.11l-2.364.875a.188.188 0 000 .352l2.363.874c.052.02.092.06.111.11l.875 2.364c.06.164.291.164.351 0l.875-2.363a.187.187 0 01.11-.11l2.364-.875a.188.188 0 000-.352l-2.363-.875a.187.187 0 01-.111-.11l-.875-2.364z"
219
+ })), /*#__PURE__*/React.createElement("path", {
220
+ fillRule: "evenodd",
221
+ clipRule: "evenodd",
222
+ d: "M17.324 2.476a.188.188 0 01.351 0l.875 2.364c.019.05.06.091.11.11l2.364.875a.188.188 0 010 .352l-2.363.874a.187.187 0 00-.111.11l-.875 2.365a.188.188 0 01-.351 0l-.875-2.364a.188.188 0 00-.11-.11l-2.364-.875a.188.188 0 010-.352l2.363-.875a.188.188 0 00.111-.11l.875-2.364zM8.226 4.931c.266-.719 1.281-.719 1.547 0l1.566 4.23 4.23 1.566c.719.266.719 1.282 0 1.547l-4.23 1.566-1.566 4.23c-.266.72-1.281.72-1.547 0L6.66 13.84l-4.23-1.566c-.719-.265-.719-1.281 0-1.547l4.23-1.566 1.566-4.23zM9 7.16L7.96 9.974a.825.825 0 01-.488.487L4.66 11.5l2.81 1.041a.825.825 0 01.488.487L9 15.84l1.04-2.812a.825.825 0 01.488-.487l2.811-1.04-2.81-1.04a.825.825 0 01-.488-.488L9 7.162zm8.675 7.315a.188.188 0 00-.351 0l-.875 2.364a.188.188 0 01-.11.11l-2.364.875a.188.188 0 000 .352l2.363.874c.052.02.092.06.111.11l.875 2.364c.06.164.291.164.351 0l.875-2.363a.187.187 0 01.11-.11l2.364-.875a.188.188 0 000-.352l-2.363-.875a.187.187 0 01-.111-.11l-.875-2.364z",
223
+ fill: "currentColor"
224
+ }), /*#__PURE__*/React.createElement("path", {
225
+ d: "M17.675 2.476l.704-.26-.704.26zm-.351 0l-.704-.26.704.26zM18.55 4.84l.703-.26-.703.26zm.11.11l-.26.704.26-.704zm2.364.875l.26-.704-.26.704zm0 .352l-.26-.704.26.704zm-2.363.874l-.26-.703.26.703zm-.111.11l.703.261-.703-.26zm-.875 2.365l.704.26-.704-.26zm-.351 0l-.704.26.704-.26zm-.875-2.364l.703-.26-.703.26zm-.11-.11l.26-.704-.26.703zm-2.364-.875l-.26.703.26-.703zm0-.352l-.26-.704.26.704zm2.363-.875l.26.704-.26-.704zm.111-.11l.703.26-.703-.26zm-6.676.09l-.703.26.703-.26zm-1.547 0l.703.26-.703-.26zm3.113 4.231l-.704.26.12.324.323.12.26-.704zm4.23 1.566l-.26.703.26-.703zm0 1.547l-.26-.703.26.704zm-4.23 1.566l-.26-.703-.324.12-.12.323.704.26zm-1.566 4.23l-.703-.26.703.26zm-1.547 0l.703-.26-.703.26zM6.66 13.84l.704-.26-.12-.324-.324-.12-.26.704zm-4.23-1.566l.26-.703-.26.704zm0-1.547l.26.703-.26-.703zm4.23-1.566l.26.704.324-.12.12-.323-.704-.26zm1.3.812l.703.26-.704-.26zM9 7.162l.703-.26L9 5l-.704 1.9.704.26zM7.472 10.46l-.26-.703.26.704zM4.66 11.5l-.26-.703-1.901.704 1.9.703.26-.703zm2.81 1.041l.261-.703-.26.703zm.488.487l.704-.26-.704.26zM9 15.84l-.703.26L9 18l.703-1.9L9 15.84zm1.04-2.812l.704.26-.703-.26zm.488-.487l-.26-.703.26.703zm2.811-1.04l.26.703 1.901-.703-1.9-.704-.26.704zm-2.81-1.04l.26-.704-.26.704zm-.488-.488l.703-.26-.703.26zm7.284 4.503l-.704-.26.704.26zm.351 0l.704-.26-.704.26zM16.45 16.84l.703.26-.703-.26zm-.11.11l.26.704-.26-.704zm-2.364.875l-.26-.703.26.703zm0 .352l.26-.704-.26.704zm2.363.874l-.26.704.26-.704zm.111.11l.703-.26-.703.26zm.875 2.364l-.704.26.704-.26zm.351 0l.704.26-.704-.26zm.875-2.363l.703.26-.703-.26zm.11-.11l.261.703-.26-.704zm2.364-.875l.26.703-.26-.703zm0-.352l.26-.703-.26.703zm-2.363-.875l-.26.704.26-.704zm-.111-.11l.703-.26-.703.26zM18.38 2.216c-.302-.817-1.457-.817-1.759 0l1.407.52a.563.563 0 01-1.055 0l1.407-.52zm.874 2.363l-.874-2.363-1.407.52.875 2.364 1.406-.52zm-.332-.332a.562.562 0 01.332.332l-1.406.52a.937.937 0 00.553.555l.521-1.407zm2.364.874l-2.364-.874-.52 1.407 2.363.874.52-1.407zm0 1.759c.816-.302.816-1.456 0-1.759l-.521 1.407a.563.563 0 010-1.055l.52 1.407zm-2.364.875l2.364-.875-.521-1.407-2.363.875.52 1.407zm.332-.333a.562.562 0 01-.332.333l-.52-1.407a.937.937 0 00-.554.554l1.406.52zm-.874 2.364l.874-2.364-1.406-.52-.875 2.363 1.407.52zm-1.759 0c.302.816 1.457.816 1.759 0l-1.407-.52a.563.563 0 011.055 0l-1.407.52zm-.874-2.364l.874 2.364 1.407-.52-.875-2.364-1.406.52zm.332.333a.562.562 0 01-.332-.333l1.406-.52a.938.938 0 00-.553-.554l-.521 1.407zm-2.364-.875l2.364.875.52-1.407-2.363-.875-.52 1.407zm0-1.759c-.816.303-.816 1.457 0 1.759l.521-1.407c.49.181.49.874 0 1.055l-.52-1.407zm2.364-.874l-2.364.874.521 1.407 2.364-.874-.521-1.407zm-.332.332a.562.562 0 01.332-.332l.52 1.407a.938.938 0 00.555-.554l-1.407-.52zm.874-2.363l-.874 2.363 1.406.52.875-2.363-1.407-.52zM10.477 4.67c-.508-1.37-2.447-1.37-2.955 0l1.407.52a.1.1 0 01.015-.027.041.041 0 01.01-.01A.085.085 0 019 5.142c.021 0 .037.006.045.011a.041.041 0 01.01.01.1.1 0 01.015.028l1.407-.52zm1.565 4.231l-1.565-4.23-1.407.52 1.565 4.23 1.407-.52zm3.788 1.123L11.6 8.458l-.521 1.407 4.23 1.565.521-1.406zm0 2.954c1.371-.508 1.371-2.447 0-2.954l-.52 1.406a.103.103 0 01.028.015.044.044 0 01.009.01.084.084 0 01.011.046.084.084 0 01-.011.045.04.04 0 01-.01.01.102.102 0 01-.028.015l.521 1.407zm-4.23 1.565l4.23-1.565-.52-1.407-4.232 1.566.521 1.406zm-1.123 3.788l1.565-4.23-1.407-.521-1.565 4.23 1.407.521zm-2.955 0c.508 1.371 2.447 1.371 2.955 0l-1.407-.52a.1.1 0 01-.015.028.04.04 0 01-.01.009.085.085 0 01-.045.012.085.085 0 01-.046-.012.04.04 0 01-.01-.01.1.1 0 01-.015-.027l-1.407.52zm-1.565-4.23l1.565 4.23 1.407-.52-1.565-4.231-1.407.52zm-3.788-1.123l4.23 1.565.521-1.406-4.23-1.566-.521 1.407zm0-2.954c-1.371.507-1.371 2.446 0 2.954l.52-1.407a.1.1 0 01-.028-.015.04.04 0 01-.009-.01.085.085 0 01-.011-.045.09.09 0 01.011-.046.043.043 0 01.01-.01.099.099 0 01.028-.015l-.521-1.406zm4.23-1.566l-4.23 1.566.52 1.406L6.92 9.865 6.4 8.458zM7.523 4.67L5.957 8.901l1.407.52 1.565-4.23-1.407-.52zm1.14 5.563l1.04-2.81-1.406-.521-1.04 2.81 1.407.521zm-.93.93c.431-.159.771-.498.93-.93l-1.406-.52a.075.075 0 01-.044.044l.52 1.407zm-2.811 1.041l2.811-1.04-.52-1.407-2.812 1.04.52 1.407zm2.811-.366l-2.811-1.04-.52 1.406 2.81 1.04.521-1.406zm.93.93a1.574 1.574 0 00-.93-.93l-.52 1.406c.02.008.036.024.044.045l1.407-.52zm1.04 2.811l-1.04-2.81-1.406.52 1.04 2.81 1.407-.52zm-.366-2.81l-1.04 2.81 1.407.52 1.04-2.81-1.407-.52zm.93-.931c-.43.16-.77.499-.93.93l1.407.52a.075.075 0 01.044-.044l-.52-1.406zm2.812-1.04l-2.811 1.04.52 1.406 2.812-1.04-.52-1.407zm-2.811.366l2.811 1.04.52-1.407-2.81-1.04-.521 1.407zm-.93-.93c.159.43.499.77.93.93l.52-1.407a.075.075 0 01-.044-.044l-1.407.52zm-1.04-2.812l1.04 2.811 1.406-.52-1.04-2.811-1.407.52zm9.73 7.314a.563.563 0 01-1.055 0l1.407-.52c-.302-.816-1.457-.816-1.759 0l1.407.52zm-.875 2.364l.875-2.364-1.407-.52-.874 2.363 1.406.52zm-.553.554a.938.938 0 00.553-.554l-1.406-.52a.563.563 0 01.332-.333l.52 1.407zm-2.364.874l2.364-.874-.521-1.407-2.364.875.521 1.406zm0-1.055c.49.181.49.874 0 1.055l-.52-1.406c-.817.302-.817 1.456 0 1.758l.52-1.407zm2.364.875l-2.364-.875-.52 1.407 2.363.875.52-1.407zm.553.554a.938.938 0 00-.553-.554l-.521 1.407a.563.563 0 01-.332-.333l1.406-.52zm.875 2.363l-.875-2.363-1.406.52.874 2.364 1.407-.52zm-1.055 0a.563.563 0 011.055 0l-1.407.52c.302.817 1.457.817 1.759 0l-1.407-.52zm.875-2.363l-.875 2.363 1.407.52.874-2.363-1.406-.52zm.553-.554a.937.937 0 00-.553.554l1.406.52a.562.562 0 01-.332.333l-.52-1.407zm2.364-.875l-2.363.875.52 1.407 2.364-.875-.521-1.407zm0 1.055a.563.563 0 010-1.055l.52 1.407c.817-.302.817-1.456 0-1.758l-.52 1.406zm-2.363-.874l2.363.874.52-1.406-2.363-.875-.52 1.407zm-.554-.554a.938.938 0 00.553.554l.521-1.407a.562.562 0 01.332.332l-1.406.52zm-.875-2.364l.875 2.364 1.406-.52-.874-2.364-1.407.52z",
226
+ fill: "currentColor",
227
+ mask: "url(#ai-stars_svg__a)"
228
+ }));
229
+ }
230
+ var AiStars = /*#__PURE__*/React.forwardRef(IconAiStars);
231
+
191
232
  function IconArrowBottom(props, svgRef) {
192
233
  return /*#__PURE__*/React.createElement("svg", Object.assign({
193
234
  xmlns: "http://www.w3.org/2000/svg",
@@ -1471,6 +1512,21 @@ function IconEnvelopeApproved(props, svgRef) {
1471
1512
  }
1472
1513
  var EnvelopeApproved = /*#__PURE__*/React.forwardRef(IconEnvelopeApproved);
1473
1514
 
1515
+ function IconEnvelopeSolid(props, svgRef) {
1516
+ return /*#__PURE__*/React.createElement("svg", Object.assign({
1517
+ fill: "none",
1518
+ xmlns: "http://www.w3.org/2000/svg",
1519
+ viewBox: "0 0 24 24",
1520
+ ref: svgRef
1521
+ }, props), /*#__PURE__*/React.createElement("path", {
1522
+ fillRule: "evenodd",
1523
+ clipRule: "evenodd",
1524
+ d: "M2.137 5.07l8.77 7.016a1.75 1.75 0 002.186 0l8.77-7.016c.088.209.137.439.137.68v12.5A1.75 1.75 0 0120.25 20H3.75A1.75 1.75 0 012 18.25V5.75c0-.241.049-.471.137-.68zM3.28 4.064c.15-.042.307-.064.47-.064h16.5c.163 0 .32.022.47.064l-8.564 6.85a.25.25 0 01-.312 0L3.28 4.064z",
1525
+ fill: "currentColor"
1526
+ }));
1527
+ }
1528
+ var EnvelopeSolid = /*#__PURE__*/React.forwardRef(IconEnvelopeSolid);
1529
+
1474
1530
  function IconEnvelope(props, svgRef) {
1475
1531
  return /*#__PURE__*/React.createElement("svg", Object.assign({
1476
1532
  xmlns: "http://www.w3.org/2000/svg",
@@ -2481,6 +2537,19 @@ function IconPersonTick(props, svgRef) {
2481
2537
  }
2482
2538
  var PersonTick = /*#__PURE__*/React.forwardRef(IconPersonTick);
2483
2539
 
2540
+ function IconPhoneSolid(props, svgRef) {
2541
+ return /*#__PURE__*/React.createElement("svg", Object.assign({
2542
+ fill: "none",
2543
+ xmlns: "http://www.w3.org/2000/svg",
2544
+ viewBox: "0 0 24 24",
2545
+ ref: svgRef
2546
+ }, props), /*#__PURE__*/React.createElement("path", {
2547
+ d: "M5.357 4.384l.891-.58c.835-.542 1.942-.323 2.586.513l1.28 1.663c.56.724.628 1.734.17 2.496l-1.273 2.12c.372.965.962 1.855 1.77 2.67a8.253 8.253 0 002.701 1.844l1.876-1.253c.711-.475 1.645-.398 2.317.19l1.565 1.373c.782.685.99 1.862.487 2.755l-.538.957c-.536.952-1.517 1.508-2.576 1.46-2.498-.115-5.197-1.718-8.096-4.811-2.903-3.098-4.408-5.983-4.514-8.655-.045-1.125.47-2.168 1.354-2.742z",
2548
+ fill: "currentColor"
2549
+ }));
2550
+ }
2551
+ var PhoneSolid = /*#__PURE__*/React.forwardRef(IconPhoneSolid);
2552
+
2484
2553
  function IconPlay(props, svgRef) {
2485
2554
  return /*#__PURE__*/React.createElement("svg", Object.assign({
2486
2555
  xmlns: "http://www.w3.org/2000/svg",
@@ -2587,6 +2656,19 @@ function IconProjects(props, svgRef) {
2587
2656
  }
2588
2657
  var Projects = /*#__PURE__*/React.forwardRef(IconProjects);
2589
2658
 
2659
+ function IconQuestionMarkBold(props, svgRef) {
2660
+ return /*#__PURE__*/React.createElement("svg", Object.assign({
2661
+ fill: "none",
2662
+ xmlns: "http://www.w3.org/2000/svg",
2663
+ viewBox: "0 0 24 24",
2664
+ ref: svgRef
2665
+ }, props), /*#__PURE__*/React.createElement("path", {
2666
+ d: "M5.367 7.727a.476.476 0 00.484.48h3.147c.274 0 .492-.222.537-.493.184-1.108.965-1.9 2.266-1.9 1.161 0 2.252.623 2.252 2.053 0 1.246-.864 1.841-2.195 2.705-1.714 1.09-2.634 2.534-2.422 4.715l.008.173a.5.5 0 00.5.478h3a.5.5 0 00.5-.5v-.18c0-1.514.665-1.953 2.322-3.072 1.374-.934 2.86-2.025 2.86-4.545 0-3.569-3.002-5.325-6.556-5.325-3.361 0-6.618 1.557-6.703 5.411zm3.432 12.247c0 1.388 1.09 2.322 2.776 2.322 1.741 0 2.817-.934 2.817-2.322 0-1.416-1.09-2.35-2.817-2.35-1.7 0-2.776.934-2.776 2.35z",
2667
+ fill: "currentColor"
2668
+ }));
2669
+ }
2670
+ var QuestionMarkBold = /*#__PURE__*/React.forwardRef(IconQuestionMarkBold);
2671
+
2590
2672
  function IconQuestionMark(props, svgRef) {
2591
2673
  return /*#__PURE__*/React.createElement("svg", Object.assign({
2592
2674
  fill: "none",
@@ -3294,6 +3376,8 @@ const icons = {
3294
3376
  'accounting-year-cancel': AccountingYearCancel,
3295
3377
  'accounting-year': AccountingYear,
3296
3378
  accounting: Accounting,
3379
+ 'ai-chat-solid': AiChatSolid,
3380
+ 'ai-stars': AiStars,
3297
3381
  'arrow-bottom': ArrowBottom,
3298
3382
  'arrow-down': ArrowDown,
3299
3383
  'arrow-end': ArrowEnd,
@@ -3391,6 +3475,7 @@ const icons = {
3391
3475
  'entry-type-supplier-invoice': EntryTypeSupplierInvoice,
3392
3476
  'entry-type-supplier-payment': EntryTypeSupplierPayment,
3393
3477
  'envelope-approved': EnvelopeApproved,
3478
+ 'envelope-solid': EnvelopeSolid,
3394
3479
  envelope: Envelope,
3395
3480
  'expand-view': ExpandView,
3396
3481
  expenses: Expenses,
@@ -3466,6 +3551,7 @@ const icons = {
3466
3551
  'person-minus': PersonMinus,
3467
3552
  'person-plus': PersonPlus,
3468
3553
  'person-tick': PersonTick,
3554
+ 'phone-solid': PhoneSolid,
3469
3555
  play: Play,
3470
3556
  'plus-minus': PlusMinus,
3471
3557
  print: Print,
@@ -3474,6 +3560,7 @@ const icons = {
3474
3560
  profile: Profile,
3475
3561
  'project-cards': ProjectCards,
3476
3562
  projects: Projects,
3563
+ 'question-mark-bold': QuestionMarkBold,
3477
3564
  'question-mark': QuestionMark,
3478
3565
  quicklinks: Quicklinks,
3479
3566
  'rating-bankruptcy': RatingBankruptcy,
@@ -4016,9 +4103,13 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(props, ref) {
4016
4103
  title,
4017
4104
  children,
4018
4105
  placement,
4106
+ hide = false,
4019
4107
  ...otherProps
4020
4108
  } = props;
4021
4109
  const className = cn(otherProps.className);
4110
+ if (hide) {
4111
+ return children;
4112
+ }
4022
4113
  return /*#__PURE__*/React.createElement(TooltipPrimitive.Root, {
4023
4114
  delayDuration: 250
4024
4115
  }, /*#__PURE__*/React.createElement(TooltipPrimitive.Trigger, {
@@ -6784,7 +6875,30 @@ Drawer.Close = Close$3;
6784
6875
  Drawer.Actions = Actions;
6785
6876
  Drawer.Outlet = Outlet;
6786
6877
 
6878
+ const isTruncated = targetElement => {
6879
+ if (targetElement !== null) {
6880
+ return targetElement.offsetWidth < targetElement.scrollWidth;
6881
+ }
6882
+ return false;
6883
+ };
6884
+ const useTruncated = (element, deps = []) => {
6885
+ const [truncated, setTruncated] = React__default.useState(isTruncated(element));
6886
+ React__default.useEffect(() => {
6887
+ setTruncated(isTruncated(element));
6888
+ }, [element, ...deps]);
6889
+ return {
6890
+ truncated
6891
+ };
6892
+ };
6893
+
6787
6894
  const Field = /*#__PURE__*/React.forwardRef(function Field(props, ref) {
6895
+ const [showTooltip, setShowTooltip] = React.useState(false);
6896
+ const messageRef = React.useRef(null);
6897
+ React.useEffect(() => {
6898
+ // refs are null on the first render so setting showTooltip state forces the rerender to see if message is
6899
+ // truncated or not
6900
+ setShowTooltip(true);
6901
+ }, []);
6788
6902
  const {
6789
6903
  disabled,
6790
6904
  children,
@@ -6802,14 +6916,21 @@ const Field = /*#__PURE__*/React.forwardRef(function Field(props, ref) {
6802
6916
  'text-yellow-700': warning && !invalid,
6803
6917
  'opacity-50': disabled
6804
6918
  });
6919
+ const {
6920
+ truncated: isMessageTrucated
6921
+ } = useTruncated(messageRef.current, [message, showTooltip]);
6805
6922
  return /*#__PURE__*/React.createElement("label", Object.assign({}, otherProps, {
6806
6923
  className: className,
6807
6924
  "data-taco": "label",
6808
6925
  ref: ref
6809
- }), children, message && /*#__PURE__*/React.createElement("span", {
6926
+ }), children, message && /*#__PURE__*/React.createElement(Tooltip, {
6927
+ title: message,
6928
+ hide: !isMessageTrucated
6929
+ }, /*#__PURE__*/React.createElement("span", {
6810
6930
  className: messageClassName,
6931
+ ref: messageRef,
6811
6932
  role: invalid ? 'alert' : undefined
6812
- }, message));
6933
+ }, message)));
6813
6934
  });
6814
6935
 
6815
6936
  const Form = /*#__PURE__*/React.forwardRef(function Form(props, ref) {
@@ -12197,30 +12318,6 @@ function GotoPopover(props) {
12197
12318
  })));
12198
12319
  }
12199
12320
 
12200
- const FONT_SIZE = {
12201
- small: 'small',
12202
- medium: 'medium',
12203
- large: 'large'
12204
- };
12205
- function FontSize$1(props) {
12206
- const {
12207
- texts
12208
- } = useLocalization();
12209
- const meta = props.table.options.meta;
12210
- const handleChange = value => meta.fontSize.setSize(value);
12211
- return /*#__PURE__*/React__default.createElement(Menu$1.SubMenu, null, /*#__PURE__*/React__default.createElement(Menu$1.RadioGroup, {
12212
- onChange: handleChange,
12213
- value: meta.fontSize.size
12214
- }, /*#__PURE__*/React__default.createElement(Menu$1.RadioGroup.Item, {
12215
- value: FONT_SIZE.small
12216
- }, texts.table3.fontSize.sizes.small), /*#__PURE__*/React__default.createElement(Menu$1.RadioGroup.Item, {
12217
- value: FONT_SIZE.medium
12218
- }, texts.table3.fontSize.sizes.medium), /*#__PURE__*/React__default.createElement(Menu$1.RadioGroup.Item, {
12219
- disabled: meta.rowHeight.height === 'short',
12220
- value: FONT_SIZE.large
12221
- }, texts.table3.fontSize.sizes.large)));
12222
- }
12223
-
12224
12321
  function isGotoAvailable(table, header) {
12225
12322
  if (isInternalColumn(header.id)) {
12226
12323
  return false;
@@ -12256,7 +12353,6 @@ function Menu$3(props) {
12256
12353
  } = useLocalization();
12257
12354
  const [popover, setPopover] = React__default.useState(undefined);
12258
12355
  const [sortDirectionState, setSortDirectionState] = React__default.useState(sortDirection);
12259
- const isFontSizeLarge = tableMeta.fontSize.size === FONT_SIZE.large;
12260
12356
  const handleSortMenuRadioGroupChange = newSortDirection => {
12261
12357
  setSortDirectionState(newSortDirection);
12262
12358
  handleSortToggle(newSortDirection);
@@ -12299,10 +12395,7 @@ function Menu$3(props) {
12299
12395
  }
12300
12396
  }
12301
12397
  const className = cn('-my-0.5 -mr-1 -ml-0.5 !h-6 !min-h-[theme(spacing.6)] flex-shrink-0 justify-end !w-0 !min-w-0 !overflow-hidden', 'aria-expanded:!min-w-[theme(spacing.6)] aria-expanded:!w-6 aria-expanded:!overflow-auto', 'focus:!min-w-[theme(spacing.6)] focus:!w-6 focus:!overflow-auto', 'group-hover/column:!min-w-[theme(spacing.6)] group-hover/column:!w-6 group-hover/column:!overflow-auto', {
12302
- '!w-6 !min-w-[theme(spacing.6)] !overflow-auto': !!popoverElement,
12303
- // Icon inside button uses em values therefore text-sm is required to prevent icon from overflowing
12304
- // button's boundaries
12305
- '!text-sm': isFontSizeLarge
12398
+ '!w-6 !min-w-[theme(spacing.6)] !overflow-auto': !!popoverElement
12306
12399
  }, props.className);
12307
12400
  const memoedMenuItems = React__default.useMemo(() => {
12308
12401
  const menuItems = [];
@@ -12544,9 +12637,9 @@ const MemoedHeader = /*#__PURE__*/React__default.memo(function MemoedHeader(prop
12544
12637
  sortDirection,
12545
12638
  table
12546
12639
  } = props;
12547
- const className = cn('sticky font-bold border-b-2 box-content group/column relative', '[[role="table"][data-resizing="true"]_&]:pointer-events-none', 'px-[var(--table3-cell-padding-x)]', {
12640
+ const className = cn('font-bold border-b-2 box-content group/column relative', '[[role="table"][data-resizing="true"]_&]:pointer-events-none', 'px-[var(--table3-cell-padding-x)]', {
12548
12641
  '!border-white': isPlaceholder,
12549
- 'h-10 items-center': !isPrinting,
12642
+ 'h-10 items-center sticky': !isPrinting,
12550
12643
  'pb-2': isPrinting,
12551
12644
  'cursor-pointer select-none': canSort,
12552
12645
  'hover:bg-grey-100': !isPlaceholder && (canSort || canResize || hasMenu),
@@ -12797,6 +12890,30 @@ const MemoedFooter = /*#__PURE__*/React__default.memo(function MemoedFooter(prop
12797
12890
  }, meta.footer(table.getRowModel().rows.map(row => row.original[id]))) : null);
12798
12891
  });
12799
12892
 
12893
+ const FONT_SIZE = {
12894
+ small: 'small',
12895
+ medium: 'medium',
12896
+ large: 'large'
12897
+ };
12898
+ function FontSize$1(props) {
12899
+ const {
12900
+ texts
12901
+ } = useLocalization();
12902
+ const meta = props.table.options.meta;
12903
+ const handleChange = value => meta.fontSize.setSize(value);
12904
+ return /*#__PURE__*/React__default.createElement(Menu$1.SubMenu, null, /*#__PURE__*/React__default.createElement(Menu$1.RadioGroup, {
12905
+ onChange: handleChange,
12906
+ value: meta.fontSize.size
12907
+ }, /*#__PURE__*/React__default.createElement(Menu$1.RadioGroup.Item, {
12908
+ value: FONT_SIZE.small
12909
+ }, texts.table3.fontSize.sizes.small), /*#__PURE__*/React__default.createElement(Menu$1.RadioGroup.Item, {
12910
+ value: FONT_SIZE.medium
12911
+ }, texts.table3.fontSize.sizes.medium), /*#__PURE__*/React__default.createElement(Menu$1.RadioGroup.Item, {
12912
+ disabled: meta.rowHeight.height === 'short',
12913
+ value: FONT_SIZE.large
12914
+ }, texts.table3.fontSize.sizes.large)));
12915
+ }
12916
+
12800
12917
  const COLUMN_ID = '__actions';
12801
12918
  const MemoedCell = /*#__PURE__*/React__default.memo(function MemoedCell(props) {
12802
12919
  const {
@@ -14948,11 +15065,11 @@ const MemoedGroup = /*#__PURE__*/React__default.memo(function MemoedGroup(props)
14948
15065
  meta,
14949
15066
  table
14950
15067
  } = props;
14951
- const containerClassName = cn('sticky px-2 mb-[2px]', {
14952
- 'h-10': !isPrinting
14953
- }, colSpan > 1 ? `col-span-${colSpan}` : '');
15068
+ const containerClassName = cn('px-2 z-10 hover:z-20', colSpan > 1 ? `col-span-${colSpan}` : '', {
15069
+ sticky: !isPrinting
15070
+ });
14954
15071
  const innerClassName = cn('font-bold box-content group/column relative', 'px-[var(--table3-cell-padding-x)]', {
14955
- 'h-full items-center': !isPrinting,
15072
+ 'h-10 items-center': !isPrinting,
14956
15073
  'pb-2': isPrinting,
14957
15074
  'border-b-2': !!children
14958
15075
  }, meta.headerClassName);
@@ -14962,7 +15079,8 @@ const MemoedGroup = /*#__PURE__*/React__default.memo(function MemoedGroup(props)
14962
15079
  return /*#__PURE__*/React__default.createElement("div", {
14963
15080
  className: containerClassName,
14964
15081
  "data-taco": "table3-column-group",
14965
- "data-align": align
15082
+ "data-align": align,
15083
+ role: "columnheader"
14966
15084
  }, /*#__PURE__*/React__default.createElement("div", {
14967
15085
  className: innerClassName
14968
15086
  }, /*#__PURE__*/React__default.createElement(Tooltip, {
@@ -15463,7 +15581,9 @@ function useTable$1(props) {
15463
15581
  }
15464
15582
 
15465
15583
  const FOCUS_MANAGER_OPTIONS = {
15466
- tabbable: true
15584
+ tabbable: true,
15585
+ // Filter out all focusable elelemnts which are not in current row
15586
+ accept: element => !!element.closest('[role="row"][data-current="true"]')
15467
15587
  };
15468
15588
  function Row$1(props) {
15469
15589
  const focusManager = focus.useFocusManager();
@@ -16687,7 +16807,8 @@ const PRINT_STYLES = `
16687
16807
  overflow-y: hidden !important;
16688
16808
  }
16689
16809
 
16690
- [role="table"] [role="columnheader"] {
16810
+ // all column headers except column group column header
16811
+ [role="table"] [role="columnheader"]:not([data-taco='table3-column-group']) {
16691
16812
  border-bottom-width: 1px !important;
16692
16813
  }
16693
16814
 
@@ -17406,10 +17527,10 @@ function SettingsButton(props) {
17406
17527
  icon: "sliders",
17407
17528
  menu: popoverElement ? undefined : menuProps => /*#__PURE__*/React__default.createElement(Menu$1, Object.assign({}, menuProps), /*#__PURE__*/React__default.createElement(Menu$1.Content, {
17408
17529
  align: "end"
17409
- }, table.options.enableHiding || tableMeta.columnOrdering.isEnabled ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Menu$1.Item, {
17530
+ }, table.options.enableHiding || tableMeta.columnOrdering.isEnabled ? /*#__PURE__*/React__default.createElement(Menu$1.Item, {
17410
17531
  icon: "columns",
17411
17532
  onClick: () => setPopover('columnSettings')
17412
- }, texts.table3.columnSettings.button), /*#__PURE__*/React__default.createElement(Menu$1.Separator, null)) : null, tableMeta.rowHeight.isEnabled ? /*#__PURE__*/React__default.createElement(Menu$1.Item, {
17533
+ }, texts.table3.columnSettings.button) : null, tableMeta.rowHeight.isEnabled || tableMeta.fontSize.isEnabled ? /*#__PURE__*/React__default.createElement(Menu$1.Separator, null) : null, tableMeta.rowHeight.isEnabled ? /*#__PURE__*/React__default.createElement(Menu$1.Item, {
17413
17534
  icon: `height-${tableMeta.rowHeight.height}`,
17414
17535
  subMenu: () => /*#__PURE__*/React__default.createElement(RowHeight, {
17415
17536
  table: table
@@ -17469,7 +17590,7 @@ function isSettingsVisible(props) {
17469
17590
  table
17470
17591
  } = props;
17471
17592
  const tableMeta = table.options.meta;
17472
- return tableMeta.fontSize.isEnabled || tableMeta.rowHeight.isEnabled;
17593
+ return tableMeta.fontSize.isEnabled || tableMeta.rowHeight.isEnabled || tableMeta.columnOrdering.isEnabled;
17473
17594
  }
17474
17595
  function isToolbarVisible(props) {
17475
17596
  const {
@@ -17765,7 +17886,8 @@ const Table$1 = /*#__PURE__*/fixedForwardRef(function Table3(props, ref) {
17765
17886
  emptyState: EmptyState,
17766
17887
  customSettings,
17767
17888
  toolbarLeft,
17768
- toolbarRight
17889
+ toolbarRight,
17890
+ defaultCurrentRowIndex
17769
17891
  } = props;
17770
17892
  const internalRef = useMergedRef(ref);
17771
17893
  const {
@@ -17786,6 +17908,20 @@ const Table$1 = /*#__PURE__*/fixedForwardRef(function Table3(props, ref) {
17786
17908
  const tableMeta = table.options.meta;
17787
17909
  const state = table.getState();
17788
17910
  const bodyRef = React__default.useRef(null);
17911
+ React__default.useEffect(() => {
17912
+ // On a very first render, the tanstack table rendered without any rows,
17913
+ // so we delaying default row scrolling logic with using of requestAnimation frame
17914
+ const animationFrameId = requestAnimationFrame(() => {
17915
+ if (defaultCurrentRowIndex) {
17916
+ scrollToIndex(defaultCurrentRowIndex, {
17917
+ align: 'center'
17918
+ });
17919
+ }
17920
+ });
17921
+ return () => {
17922
+ cancelAnimationFrame(animationFrameId);
17923
+ };
17924
+ }, []);
17789
17925
  React__default.useEffect(() => {
17790
17926
  const handleKeyDown = event => {
17791
17927
  const target = event.target;
@@ -17852,9 +17988,10 @@ const Table$1 = /*#__PURE__*/fixedForwardRef(function Table3(props, ref) {
17852
17988
  const columnFreezingStyle = useColumnFreezingStyle(props.id, table);
17853
17989
  const headerOffsetStyle = useHeaderOffsetStyle(props.id, table);
17854
17990
  const isServerLoadingAndNotReady = tableMeta.isUsingServer && props.length === undefined;
17991
+ const isPrinting = tableMeta.isPrinting;
17855
17992
  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, columnFreezingStyle ? /*#__PURE__*/React__default.createElement("style", {
17856
17993
  "data-taco": "table3-column-freezing-styles"
17857
- }, columnFreezingStyle) : null, headerOffsetStyle ? /*#__PURE__*/React__default.createElement("style", {
17994
+ }, columnFreezingStyle) : null, headerOffsetStyle && !isPrinting ? /*#__PURE__*/React__default.createElement("style", {
17858
17995
  "data-taco": "table3-column-header-offset-styles"
17859
17996
  }, headerOffsetStyle) : null, /*#__PURE__*/React__default.createElement(Toolbar, {
17860
17997
  table: table,
@@ -17914,7 +18051,9 @@ const Table$1 = /*#__PURE__*/fixedForwardRef(function Table3(props, ref) {
17914
18051
  className: "group/footer contents",
17915
18052
  "data-taco": "table2-footer",
17916
18053
  role: "rowgroup"
17917
- }, table.getFooterGroups().map(footerGroup => /*#__PURE__*/React__default.createElement("div", {
18054
+ },
18055
+ // Render the footer cell only for individual columns, excluding column groups.
18056
+ table.getFooterGroups().slice(0, 1).map(footerGroup => /*#__PURE__*/React__default.createElement("div", {
17918
18057
  className: "contents",
17919
18058
  key: footerGroup.id,
17920
18059
  role: "row"