@imposium-hub/components 2.15.0-3 → 2.16.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 (84) hide show
  1. package/dist/cjs/components/app-wrapper/AppWrapper.d.ts +0 -1
  2. package/dist/cjs/components/app-wrapper/AppWrapper.js +1 -1
  3. package/dist/cjs/components/app-wrapper/AppWrapper.js.map +1 -1
  4. package/dist/cjs/components/assets/AssetsTypeIcon.js +2 -0
  5. package/dist/cjs/components/assets/AssetsTypeIcon.js.map +1 -1
  6. package/dist/cjs/components/change-report/ChangeReportTree.js +65 -10
  7. package/dist/cjs/components/change-report/ChangeReportTree.js.map +1 -1
  8. package/dist/cjs/components/number-field/NumberField.d.ts +2 -2
  9. package/dist/cjs/components/number-field/NumberField.js +7 -4
  10. package/dist/cjs/components/number-field/NumberField.js.map +1 -1
  11. package/dist/cjs/components/publish-wizard/PublishWizard.js +40 -39
  12. package/dist/cjs/components/publish-wizard/PublishWizard.js.map +1 -1
  13. package/dist/cjs/constants/copy.d.ts +1 -0
  14. package/dist/cjs/constants/copy.js +3 -2
  15. package/dist/cjs/constants/copy.js.map +1 -1
  16. package/dist/cjs/constants/icons.d.ts +5 -0
  17. package/dist/cjs/constants/icons.js +12 -2
  18. package/dist/cjs/constants/icons.js.map +1 -1
  19. package/dist/cjs/constants/snippets.d.ts +2 -0
  20. package/dist/cjs/redux/actions/publish.d.ts +1 -1
  21. package/dist/cjs/redux/actions/publish.js +2 -2
  22. package/dist/cjs/redux/actions/publish.js.map +1 -1
  23. package/dist/esm/components/app-wrapper/AppWrapper.d.ts +0 -1
  24. package/dist/esm/components/app-wrapper/AppWrapper.js +1 -1
  25. package/dist/esm/components/app-wrapper/AppWrapper.js.map +1 -1
  26. package/dist/esm/components/assets/AssetsTypeIcon.js +2 -0
  27. package/dist/esm/components/assets/AssetsTypeIcon.js.map +1 -1
  28. package/dist/esm/components/change-report/ChangeReportTree.js +64 -10
  29. package/dist/esm/components/change-report/ChangeReportTree.js.map +1 -1
  30. package/dist/esm/components/number-field/NumberField.d.ts +2 -2
  31. package/dist/esm/components/number-field/NumberField.js +5 -4
  32. package/dist/esm/components/number-field/NumberField.js.map +1 -1
  33. package/dist/esm/components/publish-wizard/PublishWizard.js +40 -39
  34. package/dist/esm/components/publish-wizard/PublishWizard.js.map +1 -1
  35. package/dist/esm/constants/copy.d.ts +1 -0
  36. package/dist/esm/constants/copy.js +3 -2
  37. package/dist/esm/constants/copy.js.map +1 -1
  38. package/dist/esm/constants/icons.d.ts +5 -0
  39. package/dist/esm/constants/icons.js +10 -0
  40. package/dist/esm/constants/icons.js.map +1 -1
  41. package/dist/esm/constants/snippets.d.ts +2 -0
  42. package/dist/esm/redux/actions/publish.d.ts +1 -1
  43. package/dist/esm/redux/actions/publish.js +2 -2
  44. package/dist/esm/redux/actions/publish.js.map +1 -1
  45. package/dist/styles.css +54 -10
  46. package/dist/styles.less +65 -13
  47. package/less/components/change-report.less +50 -9
  48. package/less/components/publish-wizard.less +15 -4
  49. package/package.json +5 -1
  50. package/src/components/advanced-number-field/AdvancedNumberField.test.tsx +724 -0
  51. package/src/components/anchor-field/AnchorField.test.tsx +130 -0
  52. package/src/components/app-wrapper/AppWrapper.tsx +1 -6
  53. package/src/components/asset-details/AssetDetails.test.tsx +494 -0
  54. package/src/components/assets/AssetField.test.tsx +449 -0
  55. package/src/components/assets/AssetsTableAssetIdCell.test.tsx +142 -0
  56. package/src/components/assets/AssetsTableAssetIdFilter.test.tsx +95 -0
  57. package/src/components/assets/AssetsTableComplexTagCell.test.tsx +161 -0
  58. package/src/components/assets/AssetsTableDateCell.test.tsx +106 -0
  59. package/src/components/assets/AssetsTableDropzone.test.tsx +132 -0
  60. package/src/components/assets/AssetsTableDurationCell.test.tsx +119 -0
  61. package/src/components/assets/AssetsTableGlobalCell.test.tsx +46 -0
  62. package/src/components/assets/AssetsTableNameCell.test.tsx +166 -0
  63. package/src/components/assets/AssetsTableNameFilter.test.tsx +95 -0
  64. package/src/components/assets/AssetsTablePreviewCell.test.tsx +191 -0
  65. package/src/components/assets/AssetsTableRateCell.test.tsx +87 -0
  66. package/src/components/assets/AssetsTableSelectCell.test.tsx +156 -0
  67. package/src/components/assets/AssetsTableSelectFilter.test.tsx +119 -0
  68. package/src/components/assets/AssetsTableStatusCell.test.tsx +60 -0
  69. package/src/components/assets/AssetsTypeIcon.tsx +2 -0
  70. package/src/components/change-report/ChangeReportTree.tsx +104 -16
  71. package/src/components/number-field/NumberField.test.tsx +383 -0
  72. package/src/components/number-field/NumberField.tsx +15 -9
  73. package/src/components/publish-wizard/PublishWizard.tsx +59 -54
  74. package/src/components/text-field/TextField.test.tsx +988 -0
  75. package/src/constants/copy.ts +3 -2
  76. package/src/constants/icons.tsx +10 -0
  77. package/src/constants/snippets.ts +2 -0
  78. package/src/redux/actions/publish.ts +7 -2
  79. package/src/test/setup.ts +91 -0
  80. package/src/test/utils.tsx +44 -0
  81. package/tsconfig.eslint.json +8 -0
  82. package/tsconfig.json +1 -1
  83. package/vitest.config.ts +31 -0
  84. package/src/components/service-icon/ServiceIcon.test.tsx +0 -0
package/dist/styles.less CHANGED
@@ -2401,14 +2401,25 @@ body{
2401
2401
  height: 100%;
2402
2402
  padding-top: 30px;
2403
2403
  box-sizing: border-box;
2404
-
2405
- > div:first-of-type {
2404
+ overflow: hidden;
2405
+
2406
+ > div:last-of-type {
2407
+ flex: 1;
2408
+ display: flex;
2409
+ flex-direction: column;
2410
+ overflow: hidden;
2411
+ }
2412
+
2413
+ .publish-wizard-step--review {
2406
2414
  flex: 1;
2415
+ overflow-y: auto;
2416
+ min-height: 0;
2407
2417
  }
2408
-
2418
+
2409
2419
  .lower-buttons {
2410
- margin-top: auto;
2420
+ flex-shrink: 0;
2411
2421
  padding-bottom: 5px;
2422
+ padding-top: 5px;
2412
2423
  width: 100%;
2413
2424
  text-align: center;
2414
2425
  }
@@ -2649,7 +2660,7 @@ body{
2649
2660
  }
2650
2661
 
2651
2662
  .change-report-section {
2652
- margin-bottom: 8px;
2663
+ margin-bottom: 6px;
2653
2664
 
2654
2665
  &-heading {
2655
2666
  text-transform: uppercase;
@@ -2657,9 +2668,9 @@ body{
2657
2668
  font-weight: bold;
2658
2669
  color: @secondary;
2659
2670
  letter-spacing: 0.05em;
2660
- padding: 4px 0 2px;
2671
+ padding: 3px 0 2px;
2661
2672
  border-bottom: 1px solid @backgroundHighlight;
2662
- margin-bottom: 4px;
2673
+ margin-bottom: 3px;
2663
2674
  }
2664
2675
  }
2665
2676
 
@@ -2667,12 +2678,8 @@ body{
2667
2678
  &-row {
2668
2679
  display: flex;
2669
2680
  align-items: center;
2670
- padding: 2px 0;
2681
+ padding: 1px 0;
2671
2682
  border-radius: 3px;
2672
-
2673
- &:hover {
2674
- background: @backgroundLight;
2675
- }
2676
2683
  }
2677
2684
  }
2678
2685
 
@@ -2697,13 +2704,17 @@ body{
2697
2704
  }
2698
2705
 
2699
2706
  .change-report-status {
2700
- display: inline-block;
2707
+ display: inline-flex;
2708
+ align-items: center;
2709
+ justify-content: center;
2701
2710
  font-size: 11px;
2702
2711
  font-weight: bold;
2703
2712
  border-radius: 3px;
2704
2713
  padding: 2px 6px;
2705
2714
  margin-right: 6px;
2706
2715
  flex-shrink: 0;
2716
+ text-align: center;
2717
+ line-height: 1;
2707
2718
 
2708
2719
  &--added {
2709
2720
  background: rgba(86, 176, 94, 0.2);
@@ -2726,6 +2737,17 @@ body{
2726
2737
  }
2727
2738
  }
2728
2739
 
2740
+ .change-report-layer-icon {
2741
+ display: inline-flex;
2742
+ align-items: center;
2743
+ justify-content: center;
2744
+ width: 18px;
2745
+ margin-right: 4px;
2746
+ font-size: 11px;
2747
+ color: @secondary;
2748
+ flex-shrink: 0;
2749
+ }
2750
+
2729
2751
  .change-report-label {
2730
2752
  font-size: 12px;
2731
2753
  flex-shrink: 0;
@@ -2752,6 +2774,36 @@ body{
2752
2774
  color: @backgroundHighlight;
2753
2775
  }
2754
2776
 
2777
+ .change-report-color-chip-wrapper {
2778
+ display: inline-block;
2779
+ position: relative;
2780
+ width: 12px;
2781
+ height: 12px;
2782
+ border-radius: 2px;
2783
+ border: 1px solid rgba(255, 255, 255, 0.2);
2784
+ margin-right: 4px;
2785
+ vertical-align: middle;
2786
+ overflow: hidden;
2787
+ }
2788
+
2789
+ .change-report-color-chip-checkerboard {
2790
+ position: absolute;
2791
+ inset: 0;
2792
+ background-image:
2793
+ linear-gradient(45deg, #808080 25%, transparent 25%),
2794
+ linear-gradient(-45deg, #808080 25%, transparent 25%),
2795
+ linear-gradient(45deg, transparent 75%, #808080 75%),
2796
+ linear-gradient(-45deg, transparent 75%, #808080 75%);
2797
+ background-size: 6px 6px;
2798
+ background-position: 0 0, 0 3px, 3px -3px, -3px 0;
2799
+ background-color: #fff;
2800
+ }
2801
+
2802
+ .change-report-color-chip-color {
2803
+ position: absolute;
2804
+ inset: 0;
2805
+ }
2806
+
2755
2807
 
2756
2808
  @sectionPadding:7px 5px 5px 5px;
2757
2809
  @sectionHeaderHeight:25px;
package/less/components/change-report.less CHANGED
@@ -17,7 +17,7 @@
17
17
  }
18
18
 
19
19
  .change-report-section {
20
- margin-bottom: 8px;
20
+ margin-bottom: 6px;
21
21
 
22
22
  &-heading {
23
23
  text-transform: uppercase;
@@ -25,9 +25,9 @@
25
25
  font-weight: bold;
26
26
  color: @secondary;
27
27
  letter-spacing: 0.05em;
28
- padding: 4px 0 2px;
28
+ padding: 3px 0 2px;
29
29
  border-bottom: 1px solid @backgroundHighlight;
30
- margin-bottom: 4px;
30
+ margin-bottom: 3px;
31
31
  }
32
32
  }
33
33
 
@@ -35,12 +35,8 @@
35
35
  &-row {
36
36
  display: flex;
37
37
  align-items: center;
38
- padding: 2px 0;
38
+ padding: 1px 0;
39
39
  border-radius: 3px;
40
-
41
- &:hover {
42
- background: @backgroundLight;
43
- }
44
40
  }
45
41
  }
46
42
 
@@ -65,13 +61,17 @@
65
61
  }
66
62
 
67
63
  .change-report-status {
68
- display: inline-block;
64
+ display: inline-flex;
65
+ align-items: center;
66
+ justify-content: center;
69
67
  font-size: 11px;
70
68
  font-weight: bold;
71
69
  border-radius: 3px;
72
70
  padding: 2px 6px;
73
71
  margin-right: 6px;
74
72
  flex-shrink: 0;
73
+ text-align: center;
74
+ line-height: 1;
75
75
 
76
76
  &--added {
77
77
  background: rgba(86, 176, 94, 0.2);
@@ -94,6 +94,17 @@
94
94
  }
95
95
  }
96
96
 
97
+ .change-report-layer-icon {
98
+ display: inline-flex;
99
+ align-items: center;
100
+ justify-content: center;
101
+ width: 18px;
102
+ margin-right: 4px;
103
+ font-size: 11px;
104
+ color: @secondary;
105
+ flex-shrink: 0;
106
+ }
107
+
97
108
  .change-report-label {
98
109
  font-size: 12px;
99
110
  flex-shrink: 0;
@@ -119,3 +130,33 @@
119
130
  .change-report-value-arrow {
120
131
  color: @backgroundHighlight;
121
132
  }
133
+
134
+ .change-report-color-chip-wrapper {
135
+ display: inline-block;
136
+ position: relative;
137
+ width: 12px;
138
+ height: 12px;
139
+ border-radius: 2px;
140
+ border: 1px solid rgba(255, 255, 255, 0.2);
141
+ margin-right: 4px;
142
+ vertical-align: middle;
143
+ overflow: hidden;
144
+ }
145
+
146
+ .change-report-color-chip-checkerboard {
147
+ position: absolute;
148
+ inset: 0;
149
+ background-image:
150
+ linear-gradient(45deg, #808080 25%, transparent 25%),
151
+ linear-gradient(-45deg, #808080 25%, transparent 25%),
152
+ linear-gradient(45deg, transparent 75%, #808080 75%),
153
+ linear-gradient(-45deg, transparent 75%, #808080 75%);
154
+ background-size: 6px 6px;
155
+ background-position: 0 0, 0 3px, 3px -3px, -3px 0;
156
+ background-color: #fff;
157
+ }
158
+
159
+ .change-report-color-chip-color {
160
+ position: absolute;
161
+ inset: 0;
162
+ }
package/less/components/publish-wizard.less CHANGED
@@ -5,14 +5,25 @@
5
5
  height: 100%;
6
6
  padding-top: 30px;
7
7
  box-sizing: border-box;
8
-
9
- > div:first-of-type {
8
+ overflow: hidden;
9
+
10
+ > div:last-of-type {
10
11
  flex: 1;
12
+ display: flex;
13
+ flex-direction: column;
14
+ overflow: hidden;
11
15
  }
12
-
16
+
17
+ .publish-wizard-step--review {
18
+ flex: 1;
19
+ overflow-y: auto;
20
+ min-height: 0;
21
+ }
22
+
13
23
  .lower-buttons {
14
- margin-top: auto;
24
+ flex-shrink: 0;
15
25
  padding-bottom: 5px;
26
+ padding-top: 5px;
16
27
  width: 100%;
17
28
  text-align: center;
18
29
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@imposium-hub/components",
3
- "version": "2.15.0-3",
3
+ "version": "2.16.0",
4
4
  "description": "React & Typescript component / asset library for Imposium front-ends",
5
5
  "main": "./dist/cjs/index.js",
6
6
  "module": "./dist/esm/index.js",
@@ -141,6 +141,10 @@
141
141
  "root": true,
142
142
  "extends": [
143
143
  "@imposium-hub/eslint-config/typescript-react"
144
+ ],
145
+ "ignorePatterns": [
146
+ "**/*.test.tsx",
147
+ "src/test/**"
144
148
  ]
145
149
  },
146
150
  "prettier": "@imposium-hub/prettier-config",