@htmlbricks/hb-table 0.62.1 → 0.62.3

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 (6) hide show
  1. package/main.iife.js +3 -3
  2. package/main.iife.js.map +1 -1
  3. package/manifest.json +259 -2
  4. package/package.json +1 -1
  5. package/types/webcomponent.type.d.json +118 -0
  6. package/types/webcomponent.type.d.ts +2 -0
package/manifest.json CHANGED
@@ -619,6 +619,9 @@
619
619
  ],
620
620
  "type": "string"
621
621
  },
622
+ "tooltip": {
623
+ "$ref": "#/definitions/TTooltip"
624
+ },
622
625
  "truncateAt": {
623
626
  "type": "number"
624
627
  },
@@ -638,6 +641,121 @@
638
641
  "key"
639
642
  ],
640
643
  "type": "object"
644
+ },
645
+ "TTooltip": {
646
+ "additionalProperties": false,
647
+ "properties": {
648
+ "animation": {
649
+ "type": "boolean"
650
+ },
651
+ "customClass": {
652
+ "type": "string"
653
+ },
654
+ "delay": {
655
+ "anyOf": [
656
+ {
657
+ "type": "number"
658
+ },
659
+ {
660
+ "additionalProperties": false,
661
+ "properties": {
662
+ "hide": {
663
+ "type": "number"
664
+ },
665
+ "show": {
666
+ "type": "number"
667
+ }
668
+ },
669
+ "required": [
670
+ "show",
671
+ "hide"
672
+ ],
673
+ "type": "object"
674
+ }
675
+ ]
676
+ },
677
+ "html": {
678
+ "type": "boolean"
679
+ },
680
+ "offset": {
681
+ "anyOf": [
682
+ {
683
+ "items": {
684
+ "type": "number"
685
+ },
686
+ "maxItems": 2,
687
+ "minItems": 2,
688
+ "type": "array"
689
+ },
690
+ {
691
+ "type": "string"
692
+ }
693
+ ]
694
+ },
695
+ "placement": {
696
+ "enum": [
697
+ "auto",
698
+ "top",
699
+ "bottom",
700
+ "left",
701
+ "right"
702
+ ],
703
+ "type": "string"
704
+ },
705
+ "style": {
706
+ "$ref": "#/definitions/TooltipStyle"
707
+ },
708
+ "title": {
709
+ "type": "string"
710
+ },
711
+ "trigger": {
712
+ "enum": [
713
+ "click",
714
+ "hover",
715
+ "focus",
716
+ "manual",
717
+ "click hover",
718
+ "click focus",
719
+ "hover focus",
720
+ "click hover focus"
721
+ ],
722
+ "type": "string"
723
+ }
724
+ },
725
+ "required": [
726
+ "title"
727
+ ],
728
+ "type": "object"
729
+ },
730
+ "TooltipStyle": {
731
+ "additionalProperties": false,
732
+ "properties": {
733
+ "backgroundColor": {
734
+ "type": "string"
735
+ },
736
+ "borderRadius": {
737
+ "type": "string"
738
+ },
739
+ "color": {
740
+ "type": "string"
741
+ },
742
+ "disableDefaultStyle": {
743
+ "type": "boolean"
744
+ },
745
+ "fontSize": {
746
+ "type": "string"
747
+ },
748
+ "opacity": {
749
+ "type": "number"
750
+ },
751
+ "padding": {
752
+ "type": "string"
753
+ },
754
+ "transitionDuration": {
755
+ "type": "string"
756
+ }
757
+ },
758
+ "type": "object"
641
759
  }
642
760
  }
643
761
  }
@@ -915,7 +1033,11 @@
915
1033
  "headers": [
916
1034
  {
917
1035
  "label": "title",
918
- "key": "title"
1036
+ "key": "title",
1037
+ "tooltip": {
1038
+ "title": "This is the title",
1039
+ "placement": "top"
1040
+ }
919
1041
  },
920
1042
  {
921
1043
  "label": "description",
@@ -2216,6 +2338,141 @@
2216
2338
  ],
2217
2339
  "selectrow": "yes"
2218
2340
  }
2341
+ },
2342
+ {
2343
+ "name": "BasicTableWithTooltips",
2344
+ "data": {
2345
+ "headers": [
2346
+ {
2347
+ "label": "title",
2348
+ "key": "title",
2349
+ "tooltip": {
2350
+ "title": "Title tooltip",
2351
+ "placement": "top"
2352
+ }
2353
+ },
2354
+ {
2355
+ "label": "description",
2356
+ "key": "description",
2357
+ "tooltip": {
2358
+ "title": "Description tooltip",
2359
+ "placement": "bottom"
2360
+ }
2361
+ },
2362
+ {
2363
+ "label": "nested",
2364
+ "key": "testnested.nested",
2365
+ "tooltip": {
2366
+ "title": "Nested tooltip",
2367
+ "placement": "right"
2368
+ }
2369
+ },
2370
+ {
2371
+ "label": "data",
2372
+ "key": "time",
2373
+ "type": "datetime",
2374
+ "format": "DD MMMM YYYY",
2375
+ "tooltip": {
2376
+ "title": "Date tooltip",
2377
+ "placement": "left"
2378
+ }
2379
+ }
2380
+ ],
2381
+ "rows": [
2382
+ {
2383
+ "title": "bau",
2384
+ "videoSrc": "https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video",
2385
+ "time": "2021-08-06T22:46:30.565Z",
2386
+ "_id": "bau",
2387
+ "status": "closed"
2388
+ },
2389
+ {
2390
+ "title": "bb1",
2391
+ "videoSrc": "https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video",
2392
+ "time": "2021-08-06T22:46:31.565Z",
2393
+ "description": "ffff2",
2394
+ "_id": "bb1",
2395
+ "status": "closed"
2396
+ },
2397
+ {
2398
+ "title": "bb2",
2399
+ "time": "2021-08-02T22:46:32.565Z",
2400
+ "_id": "bb2",
2401
+ "status": "active"
2402
+ },
2403
+ {
2404
+ "title": "ss",
2405
+ "time": "2021-08-06T22:46:34.565Z",
2406
+ "description": "fffffff",
2407
+ "testnested": {
2408
+ "nested": "dddd"
2409
+ },
2410
+ "_id": "ss",
2411
+ "status": "active"
2412
+ },
2413
+ {
2414
+ "title": "bb4",
2415
+ "time": "2021-08-06T22:46:34.565Z",
2416
+ "_id": "bb4",
2417
+ "status": "active"
2418
+ },
2419
+ {
2420
+ "title": "aa5",
2421
+ "time": "2021-08-06T22:46:34.565Z",
2422
+ "_id": "aa5",
2423
+ "status": "active"
2424
+ },
2425
+ {
2426
+ "title": "bb6",
2427
+ "time": "2021-08-06T22:46:34.565Z",
2428
+ "_id": "bb6",
2429
+ "status": "active"
2430
+ },
2431
+ {
2432
+ "title": "bb7",
2433
+ "time": "2021-08-06T22:46:34.565Z",
2434
+ "_id": "bb7",
2435
+ "status": "active"
2436
+ },
2437
+ {
2438
+ "title": "bb8",
2439
+ "time": "2021-08-06T22:46:34.565Z",
2440
+ "_id": "bb8",
2441
+ "status": "active"
2442
+ },
2443
+ {
2444
+ "title": "bb9",
2445
+ "time": "2021-08-06T22:46:33.565Z",
2446
+ "_id": "bb9",
2447
+ "status": "active"
2448
+ },
2449
+ {
2450
+ "title": "bb10",
2451
+ "time": "2021-08-06T22:46:34.565Z",
2452
+ "_id": "bb10",
2453
+ "status": "active"
2454
+ },
2455
+ {
2456
+ "title": "bb11",
2457
+ "time": "2021-08-06T22:46:34.565Z",
2458
+ "_id": "bb11",
2459
+ "status": "active"
2460
+ },
2461
+ {
2462
+ "title": "bb12",
2463
+ "time": "2021-08-06T22:46:34.565Z",
2464
+ "videoSrc": "https://comapi.be-on.tv/v1/public/records/61043eedb50af916a6429fdc/video",
2465
+ "_id": "bb12",
2466
+ "status": "active"
2467
+ },
2468
+ {
2469
+ "title": "bb13",
2470
+ "time": "2021-08-07T22:46:39.565Z",
2471
+ "_id": "bb13",
2472
+ "status": "active"
2473
+ }
2474
+ ]
2475
+ }
2219
2476
  }
2220
2477
  ],
2221
2478
  "screenshots": [],
@@ -2236,5 +2493,5 @@
2236
2493
  "size": {},
2237
2494
  "iifePath": "main.iife.js",
2238
2495
  "repoName": "@htmlbricks/hb-table",
2239
- "version": "0.62.1"
2496
+ "version": "0.62.3"
2240
2497
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@htmlbricks/hb-table",
3
- "version": "0.62.1",
3
+ "version": "0.62.3",
4
4
  "contributors": [],
5
5
  "description": "",
6
6
  "licenses": [
package/types/webcomponent.type.d.json CHANGED
@@ -299,6 +299,9 @@
299
299
  ],
300
300
  "type": "string"
301
301
  },
302
+ "tooltip": {
303
+ "$ref": "#/definitions/TTooltip"
304
+ },
302
305
  "truncateAt": {
303
306
  "type": "number"
304
307
  },
@@ -318,6 +321,121 @@
318
321
  "key"
319
322
  ],
320
323
  "type": "object"
324
+ },
325
+ "TTooltip": {
326
+ "additionalProperties": false,
327
+ "properties": {
328
+ "animation": {
329
+ "type": "boolean"
330
+ },
331
+ "customClass": {
332
+ "type": "string"
333
+ },
334
+ "delay": {
335
+ "anyOf": [
336
+ {
337
+ "type": "number"
338
+ },
339
+ {
340
+ "additionalProperties": false,
341
+ "properties": {
342
+ "hide": {
343
+ "type": "number"
344
+ },
345
+ "show": {
346
+ "type": "number"
347
+ }
348
+ },
349
+ "required": [
350
+ "show",
351
+ "hide"
352
+ ],
353
+ "type": "object"
354
+ }
355
+ ]
356
+ },
357
+ "html": {
358
+ "type": "boolean"
359
+ },
360
+ "offset": {
361
+ "anyOf": [
362
+ {
363
+ "items": {
364
+ "type": "number"
365
+ },
366
+ "maxItems": 2,
367
+ "minItems": 2,
368
+ "type": "array"
369
+ },
370
+ {
371
+ "type": "string"
372
+ }
373
+ ]
374
+ },
375
+ "placement": {
376
+ "enum": [
377
+ "auto",
378
+ "top",
379
+ "bottom",
380
+ "left",
381
+ "right"
382
+ ],
383
+ "type": "string"
384
+ },
385
+ "style": {
386
+ "$ref": "#/definitions/TooltipStyle"
387
+ },
388
+ "title": {
389
+ "type": "string"
390
+ },
391
+ "trigger": {
392
+ "enum": [
393
+ "click",
394
+ "hover",
395
+ "focus",
396
+ "manual",
397
+ "click hover",
398
+ "click focus",
399
+ "hover focus",
400
+ "click hover focus"
401
+ ],
402
+ "type": "string"
403
+ }
404
+ },
405
+ "required": [
406
+ "title"
407
+ ],
408
+ "type": "object"
409
+ },
410
+ "TooltipStyle": {
411
+ "additionalProperties": false,
412
+ "properties": {
413
+ "backgroundColor": {
414
+ "type": "string"
415
+ },
416
+ "borderRadius": {
417
+ "type": "string"
418
+ },
419
+ "color": {
420
+ "type": "string"
421
+ },
422
+ "disableDefaultStyle": {
423
+ "type": "boolean"
424
+ },
425
+ "fontSize": {
426
+ "type": "string"
427
+ },
428
+ "opacity": {
429
+ "type": "number"
430
+ },
431
+ "padding": {
432
+ "type": "string"
433
+ },
434
+ "transitionDuration": {
435
+ "type": "string"
436
+ }
437
+ },
438
+ "type": "object"
321
439
  }
322
440
  }
323
441
  }
package/types/webcomponent.type.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  import type { Component as FormComponent } from "../../form/types/webcomponent.type";
2
+ import type { TTooltip } from "../../tooltip/types/webcomponent.type";
2
3
 
3
4
  export interface IFilter {
4
5
  key: string;
@@ -19,6 +20,7 @@ export interface ITableHeader {
19
20
  sortBy?: "asc" | "desc" | "none";
20
21
  truncateAt?: number;
21
22
  copyTxt?: boolean;
23
+ tooltip?: TTooltip;
22
24
  }
23
25
 
24
26
  export interface IRow {