@nyaruka/temba-components 0.52.2 → 0.53.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 (30) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/dist/{8cd40058.js → 0fd963e1.js} +255 -199
  3. package/dist/index.js +255 -199
  4. package/dist/static/svg/index.svg +1 -1
  5. package/dist/sw.js +1 -1
  6. package/dist/sw.js.map +1 -1
  7. package/dist/templates/components-body.html +1 -1
  8. package/dist/templates/components-head.html +1 -1
  9. package/out-tsc/src/button/Button.js +3 -0
  10. package/out-tsc/src/button/Button.js.map +1 -1
  11. package/out-tsc/src/dialog/Dialog.js +69 -22
  12. package/out-tsc/src/dialog/Dialog.js.map +1 -1
  13. package/out-tsc/src/dialog/Modax.js +118 -21
  14. package/out-tsc/src/dialog/Modax.js.map +1 -1
  15. package/out-tsc/src/utils/index.js +1 -0
  16. package/out-tsc/src/utils/index.js.map +1 -1
  17. package/out-tsc/src/vectoricon/index.js +2 -1
  18. package/out-tsc/src/vectoricon/index.js.map +1 -1
  19. package/out-tsc/test/temba-modax.test.js +2 -2
  20. package/out-tsc/test/temba-modax.test.js.map +1 -1
  21. package/package.json +1 -1
  22. package/src/button/Button.ts +3 -0
  23. package/src/dialog/Dialog.ts +81 -25
  24. package/src/dialog/Modax.ts +126 -22
  25. package/src/utils/index.ts +1 -0
  26. package/src/vectoricon/index.ts +2 -1
  27. package/static/svg/index.svg +1 -1
  28. package/static/svg/work/traced/alarm-clock.svg +1 -0
  29. package/static/svg/work/used/alarm-clock.svg +3 -0
  30. package/test/temba-modax.test.ts +3 -3
package/static/svg/work/traced/alarm-clock.svg ADDED
@@ -0,0 +1 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.751 3.895 C 1.766 4.894,0.960 5.833,0.960 5.983 C 0.960 6.335,1.666 7.040,2.019 7.040 C 2.170 7.040,3.118 6.223,4.127 5.225 C 5.605 3.762,5.960 3.322,5.960 2.958 C 5.960 2.432,5.559 2.080,4.961 2.080 C 4.639 2.080,4.127 2.501,2.751 3.895 M18.331 2.292 C 18.168 2.411,18.040 2.705,18.040 2.958 C 18.040 3.322,18.395 3.762,19.873 5.225 C 20.882 6.223,21.830 7.040,21.981 7.040 C 22.334 7.040,23.040 6.335,23.040 5.983 C 23.040 5.833,22.234 4.894,21.249 3.895 C 19.384 2.005,19.007 1.798,18.331 2.292 M9.964 4.242 C 6.883 4.911,4.108 7.600,3.278 10.721 C 2.975 11.859,2.975 14.085,3.279 15.249 C 3.534 16.228,4.170 17.592,4.668 18.229 L 4.972 18.619 4.006 19.594 C 2.967 20.642,2.795 21.169,3.333 21.655 C 3.879 22.150,4.434 21.986,5.426 21.040 C 5.934 20.556,6.393 20.160,6.446 20.160 C 6.500 20.160,6.879 20.386,7.288 20.662 C 9.823 22.373,14.177 22.373,16.712 20.662 C 17.121 20.386,17.500 20.160,17.554 20.160 C 17.607 20.160,18.066 20.556,18.574 21.040 C 19.579 21.999,20.202 22.172,20.695 21.627 C 21.179 21.093,21.018 20.628,19.994 19.594 L 19.028 18.619 19.332 18.229 C 20.321 16.965,20.960 14.949,20.960 13.094 C 20.960 10.519,20.144 8.486,18.410 6.735 C 16.168 4.472,13.088 3.563,9.964 4.242 M14.924 6.678 C 19.268 8.718,20.298 14.483,16.929 17.901 C 15.390 19.463,13.042 20.243,10.958 19.886 C 6.140 19.061,3.612 13.927,5.900 9.612 C 6.386 8.694,7.753 7.333,8.652 6.871 C 9.932 6.213,10.564 6.082,12.240 6.126 C 13.655 6.164,13.965 6.227,14.924 6.678 M11.396 8.249 C 11.054 8.488,11.040 8.596,11.040 11.004 L 11.040 13.510 12.307 14.755 C 13.721 16.145,14.148 16.291,14.708 15.578 C 14.891 15.347,15.040 15.052,15.040 14.923 C 15.040 14.794,14.572 14.204,14.000 13.612 L 12.960 12.534 12.960 10.516 C 12.960 8.612,12.940 8.484,12.604 8.249 C 12.409 8.112,12.137 8.000,12.000 8.000 C 11.863 8.000,11.591 8.112,11.396 8.249 " stroke="none" fill-rule="evenodd" fill="black"></path></svg>
package/static/svg/work/used/alarm-clock.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M5 3L2 6M22 6L19 3M6 19L4 21M18 19L20 21M12 9V13L14 15M12 21C14.1217 21 16.1566 20.1571 17.6569 18.6569C19.1571 17.1566 20 15.1217 20 13C20 10.8783 19.1571 8.84344 17.6569 7.34315C16.1566 5.84285 14.1217 5 12 5C9.87827 5 7.84344 5.84285 6.34315 7.34315C4.84285 8.84344 4 10.8783 4 13C4 15.1217 4.84285 17.1566 6.34315 18.6569C7.84344 20.1571 9.87827 21 12 21Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
3
+ </svg>
package/test/temba-modax.test.ts CHANGED
@@ -3,7 +3,7 @@ import { useFakeTimers } from 'sinon';
3
3
  import { Button } from '../src/button/Button';
4
4
  import { Modax } from '../src/dialog/Modax';
5
5
  import { CustomEventType } from '../src/interfaces';
6
- import { assertScreenshot, checkTimers, getClip, mockPOST } from './utils.test';
6
+ import { assertScreenshot, getClip, mockPOST } from './utils.test';
7
7
 
8
8
  let clock: any;
9
9
 
@@ -111,8 +111,8 @@ describe('temba-modax', () => {
111
111
 
112
112
  expect(modax.open).to.equal(true);
113
113
 
114
- expect(modax.primaryName).to.equal('Save Everything');
115
- expect(modax.cancelName).to.equal('Cancel');
114
+ expect(modax.buttons[1].name).to.equal('Save Everything');
115
+ expect(modax.buttons[0].name).to.equal('Cancel');
116
116
 
117
117
  await assertScreenshot('modax/form', getDialogClip(modax));
118
118
  });