@policystudio/policy-studio-ui-vue 1.1.90-beta.2 → 1.1.90-beta.21

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 (146) hide show
  1. package/.eslintrc.js +13 -8
  2. package/.github/workflows/deploy-storybook.yml +4 -4
  3. package/.nvmrc +1 -0
  4. package/dist/css/psui_styles_output.css +6986 -0
  5. package/dist/index.d.ts +50 -0
  6. package/dist/index.js +104 -0
  7. package/dist/index.js.map +1 -0
  8. package/dist/util/GeneralFunctions.d.ts +3 -0
  9. package/dist/util/GeneralFunctions.js +29 -0
  10. package/dist/util/GeneralFunctions.js.map +1 -0
  11. package/dist/util/directives.d.ts +1 -0
  12. package/dist/util/directives.js +22 -0
  13. package/dist/util/directives.js.map +1 -0
  14. package/dist/util/imageLoader.d.ts +6 -0
  15. package/dist/util/imageLoader.js +52 -0
  16. package/dist/util/imageLoader.js.map +1 -0
  17. package/package.json +24 -37
  18. package/src/App.vue +30 -0
  19. package/src/assets/scss/components/PsDataTable.scss +1 -1
  20. package/src/components/accordion/PsAccordionItem.vue +75 -75
  21. package/src/components/badges-and-tags/PsBadgeWithIcon.vue +31 -33
  22. package/src/components/badges-and-tags/PsCardInfos.vue +39 -41
  23. package/src/components/badges-and-tags/PsChartLegend.vue +46 -51
  24. package/src/components/badges-and-tags/PsClimateZoneBadge.vue +13 -19
  25. package/src/components/badges-and-tags/PsCostEffectBar.vue +24 -56
  26. package/src/components/badges-and-tags/PsDateCardInfo.vue +17 -18
  27. package/src/components/badges-and-tags/PsHighlightRippleDot.vue +3 -2
  28. package/src/components/badges-and-tags/PsMiniTag.vue +39 -41
  29. package/src/components/badges-and-tags/PsProgressBar.vue +72 -68
  30. package/src/components/badges-and-tags/PsTagScope.vue +17 -22
  31. package/src/components/badges-and-tags/PsTestimonialCard.vue +19 -26
  32. package/src/components/buttons/PsButton.vue +88 -111
  33. package/src/components/chips/PsChips.vue +98 -101
  34. package/src/components/controls/PsCheckbox.vue +84 -84
  35. package/src/components/controls/PsCheckboxSimple.vue +95 -95
  36. package/src/components/controls/PsDraggable.vue +53 -55
  37. package/src/components/controls/PsInlineSelector.vue +98 -99
  38. package/src/components/controls/PsRadioButton.vue +59 -58
  39. package/src/components/controls/PsRadioButtonSimple.vue +79 -75
  40. package/src/components/controls/PsSlider.vue +185 -176
  41. package/src/components/controls/PsSwitch.vue +51 -52
  42. package/src/components/controls/PsToggle.vue +52 -50
  43. package/src/components/data-graphics/PsBarChart.vue +18 -21
  44. package/src/components/datatable/PsDataTable.vue +56 -60
  45. package/src/components/datatable/PsDataTableItem.vue +13 -28
  46. package/src/components/forms/PsDropdown.vue +164 -162
  47. package/src/components/forms/PsDropdownList.vue +133 -130
  48. package/src/components/forms/PsInput.vue +154 -153
  49. package/src/components/forms/PsInputSelect.vue +91 -92
  50. package/src/components/forms/PsInputTextArea.vue +71 -71
  51. package/src/components/navigations/PsBreadcrumb.vue +25 -34
  52. package/src/components/notifications/PsDialog.vue +57 -56
  53. package/src/components/notifications/PsSimpleAlert.vue +27 -29
  54. package/src/components/notifications/PsToast.vue +40 -39
  55. package/src/components/table-results/PsTableResults.vue +449 -458
  56. package/src/components/table-results/PsTableResultsBody.vue +66 -67
  57. package/src/components/table-results/PsTableResultsHead.vue +62 -56
  58. package/src/components/table-results/PsTableResultsHeadComparison.vue +62 -56
  59. package/src/components/table-results/PsTableResultsHeadFlexible.vue +63 -56
  60. package/src/components/table-results/PsTableResultsRow.vue +55 -56
  61. package/src/components/tabs/PsTabHeader.vue +106 -100
  62. package/src/components/tooltip/PsDialogTooltip.vue +96 -101
  63. package/src/components/tooltip/PsRichTooltip.vue +41 -45
  64. package/src/components/tooltip/PsTooltip.vue +111 -116
  65. package/src/components/ui/PsDotLoader.vue +1 -5
  66. package/src/components/ui/PsIcon.vue +126 -129
  67. package/src/index.ts +156 -0
  68. package/src/tsconfig.json +12 -0
  69. package/src/types/index.d.ts +6 -0
  70. package/src/util/GeneralFunctions.js +4 -6
  71. package/src/util/directives.ts +24 -0
  72. package/src/util/imageLoader.js +14 -7
  73. package/tailwind.config.js +1 -1
  74. package/tsconfig.json +47 -0
  75. package/.storybook/PolicyStudio.js +0 -10
  76. package/.storybook/eventBus.js +0 -26
  77. package/.storybook/main.js +0 -21
  78. package/.storybook/manager.js +0 -6
  79. package/.storybook/preview.js +0 -17
  80. package/babel.config.js +0 -17
  81. package/dist/css/psui_styles.css +0 -4647
  82. package/postcss.config.js +0 -8
  83. package/src/assets/images/multifamily-units.svg +0 -10
  84. package/src/assets/images/policy-studio.svg +0 -15
  85. package/src/components/playground/PsScrollBar.vue +0 -320
  86. package/src/contents/ComparisonData.js +0 -378
  87. package/src/contents/FlexibleData.js +0 -502
  88. package/src/contents/ResultsData.js +0 -531
  89. package/src/index.js +0 -166
  90. package/src/stories/Accordion.stories.js +0 -59
  91. package/src/stories/BadgeWithIcon.stories.js +0 -31
  92. package/src/stories/BarChart.stories.js +0 -17
  93. package/src/stories/Breadcrumb.stories.js +0 -25
  94. package/src/stories/Button.stories.js +0 -48
  95. package/src/stories/Button.vue +0 -59
  96. package/src/stories/CardInfos.stories.js +0 -16
  97. package/src/stories/ChartLegend.stories.js +0 -16
  98. package/src/stories/Checkbox.stories.js +0 -45
  99. package/src/stories/CheckboxSimple.stories.js +0 -49
  100. package/src/stories/Chips.stories.js +0 -31
  101. package/src/stories/ClimateZoneBadge.stories.js +0 -17
  102. package/src/stories/Colors.mdx +0 -70
  103. package/src/stories/CostEffectBar.stories.js +0 -23
  104. package/src/stories/Datatable.stories.js +0 -50
  105. package/src/stories/DateCardInfo.stories.js +0 -24
  106. package/src/stories/Dialog.stories.js +0 -131
  107. package/src/stories/Draggable.stories.js +0 -22
  108. package/src/stories/Dropdown.stories.js +0 -99
  109. package/src/stories/DropdownList.stories.js +0 -211
  110. package/src/stories/ElevationSystem.mdx +0 -41
  111. package/src/stories/Header.stories.js +0 -41
  112. package/src/stories/Header.vue +0 -77
  113. package/src/stories/HighlightRippleDot.stories.js +0 -15
  114. package/src/stories/Icon.stories.js +0 -21
  115. package/src/stories/InlineSelector.stories.js +0 -18
  116. package/src/stories/Input.stories.js +0 -240
  117. package/src/stories/InputSelect.stories.js +0 -30
  118. package/src/stories/InputTextArea.stories.js +0 -25
  119. package/src/stories/Introduction.mdx +0 -211
  120. package/src/stories/MiniTag.stories.js +0 -52
  121. package/src/stories/Playground.stories.js +0 -16
  122. package/src/stories/ProgressBar.stories.js +0 -23
  123. package/src/stories/RadioButton.stories.js +0 -40
  124. package/src/stories/RadioButtonSimple.stories.js +0 -43
  125. package/src/stories/SimpleAlert.stories.js +0 -21
  126. package/src/stories/Slider.stories.js +0 -75
  127. package/src/stories/Switch.stories.js +0 -39
  128. package/src/stories/TabHeader.stories.js +0 -52
  129. package/src/stories/TableResults.stories.js +0 -724
  130. package/src/stories/TagScope.stories.js +0 -17
  131. package/src/stories/TestimonialCard.stories.js +0 -27
  132. package/src/stories/Toast.stories.js +0 -52
  133. package/src/stories/Toggle.stories.js +0 -45
  134. package/src/stories/Tooltip.stories.js +0 -114
  135. package/src/stories/Typography.mdx +0 -212
  136. package/src/stories/assets/code-brackets.svg +0 -1
  137. package/src/stories/assets/colors.svg +0 -1
  138. package/src/stories/assets/comments.svg +0 -1
  139. package/src/stories/assets/direction.svg +0 -1
  140. package/src/stories/assets/flow.svg +0 -1
  141. package/src/stories/assets/plugin.svg +0 -1
  142. package/src/stories/assets/repo.svg +0 -1
  143. package/src/stories/assets/stackalt.svg +0 -1
  144. package/src/stories/button.css +0 -30
  145. package/src/stories/header.css +0 -32
  146. package/webpack.config.js +0 -22
@@ -1,378 +0,0 @@
1
- const RENDER_TYPE = {
2
- BAR_CHART : 'bar_chart',
3
- TAG_SCOPE : 'tag_scope',
4
- }
5
- const RENDER_BADGE = {
6
- EMISSION_REDICTIONS : 'trending_down',
7
- AFFECTED_UNITS : 'holiday_village',
8
- LOWEST_COST_PER_UNIT : 'price_check'
9
- }
10
-
11
- export const comparisonDataHeader = [
12
- {
13
- 'order': 0,
14
- 'key': 'city_wide_impact',
15
- 'title': 'City-wide Impact Estimates',
16
- 'columns': [
17
- {
18
- 'isActive': true,
19
- 'key': 'forecast_units_affected',
20
- 'title': 'Affected Units',
21
- 'description': '(lifecycle)',
22
- 'hasProjections': true,
23
- 'hasHelper': {
24
- 'type': 'helper',
25
- 'id': 17
26
- },
27
- 'chartProjection': {
28
- 'title': 'Number of Affected Units',
29
- 'subtitle': ''
30
- }
31
- },
32
- {
33
- 'isActive': true,
34
- 'key': 'forecast_initial_cost',
35
- 'title': 'Compliance Cost',
36
- 'description': '(lifecycle)',
37
- 'hasProjections': true,
38
- 'hasHelper': {
39
- 'type': 'helper',
40
- 'id': 20
41
- },
42
- 'chartProjection': {
43
- 'title': 'Compliance Cost',
44
- 'subtitle': ''
45
- }
46
- },
47
- {
48
- 'isActive': true,
49
- 'key': 'forecast_emissions_savings',
50
- 'title': 'Emissions Reductions',
51
- 'description': '(lifecycle MTCO2e)',
52
- 'hasProjections': true,
53
- 'hasHelper': {
54
- 'type': 'helper',
55
- 'id': 18
56
- },
57
- 'chartProjection': {
58
- 'title': 'Emissions Reductions',
59
- 'subtitle': 'MTCO2e'
60
- }
61
- },
62
- {
63
- 'isActive': true,
64
- 'key': 'forecast_lifecycle_savings',
65
- 'title': 'Lifecycle Savings',
66
- 'description': '(on-bill)',
67
- 'hasProjections': true,
68
- 'hasHelper': {
69
- 'type': 'helper',
70
- 'id': 19
71
- },
72
- 'chartProjection': {
73
- 'title': 'Bill Savings',
74
- 'subtitle': ''
75
- }
76
- },
77
- {
78
- 'isActive': true,
79
- 'key': 'forecast_kwh_savings',
80
- 'title': 'Electricity Savings',
81
- 'description': '(lifecycle kWh)',
82
- 'hasProjections': true,
83
- 'hasHelper': {
84
- 'type': 'helper',
85
- 'id': 21
86
- },
87
- 'chartProjection': {
88
- 'title': 'Electricity Savings',
89
- 'subtitle': 'kWh'
90
- }
91
- },
92
- {
93
- 'isActive': true,
94
- 'key': 'forecast_therms_savings',
95
- 'title': 'Gas Savings',
96
- 'description': '(lifecycle therms)',
97
- 'hasProjections': true,
98
- 'hasHelper': {
99
- 'type': 'helper',
100
- 'id': 22
101
- },
102
- 'chartProjection': {
103
- 'title': 'Gas Savings',
104
- 'subtitle': 'therms'
105
- }
106
- }
107
- ],
108
- 'hasHelper': {
109
- 'type': 'helper',
110
- 'id': 25
111
- }
112
- },
113
- {
114
- 'order': 1,
115
- 'key': 'fixed_columns',
116
- 'title': 'City-wide Impact Estimates',
117
- 'columns': [
118
- {
119
- 'isActive': true,
120
- 'key': 'tdv_benefit_to_cost_ratio',
121
- 'title': 'TDV',
122
- 'description': '≥ 1.0 is cost effective',
123
- 'isChart': true,
124
- 'hasHelper': {
125
- 'type': 'helper',
126
- 'id': 1
127
- }
128
- }
129
- ],
130
- 'hasHelper': {
131
- 'type': 'helper',
132
- 'id': 23
133
- }
134
- }
135
- ]
136
-
137
- export const comparisonDataSummary = [
138
- {
139
- 'data': {
140
- 'forecast_units_affected': 77.5,
141
- 'forecast_emissions_savings': 1427.3145433224304,
142
- 'forecast_lifecycle_savings': 296624.89395,
143
- 'multifamily': true,
144
- 'single_family': true,
145
- 'zone_7': true,
146
- 'zone_10': true,
147
- 'city_and_policy': 'Default',
148
- },
149
- 'deep': 1,
150
- 'id': 'policy:container-2459',
151
- 'title': 'Policy name lorem ipsum dolor',
152
- 'has_badge': RENDER_BADGE.AFFECTED_UNITS,
153
- 'items': [
154
- {
155
- 'data': {
156
- 'forecast_units_affected': 0,
157
- 'forecast_emissions_savings': 0,
158
- 'forecast_lifecycle_savings': 0,
159
- 'multifamily': true,
160
- 'single_family': true,
161
- 'zone_7': false,
162
- 'zone_10': false,
163
- 'city_and_policy': false,
164
- },
165
- 'deep': 2,
166
- 'id': 'policy:container-2459:climateZone-1-PGE',
167
- 'title': '',
168
- 'items': null,
169
- 'is_disabled': false,
170
- 'is_last': true,
171
- 'index': '0-0-0',
172
- 'last_deep': false
173
- }
174
- ],
175
- 'is_disabled': false,
176
- 'is_last': false,
177
- 'index': '0-0',
178
- 'last_deep': false
179
- },
180
- {
181
- 'data': {
182
- 'forecast_units_affected': 260,
183
- 'forecast_emissions_savings': -2897.5373860970467,
184
- 'forecast_lifecycle_savings': -662408.3057812498,
185
- 'multifamily': true,
186
- 'single_family': true,
187
- 'zone_7': true,
188
- 'zone_10': true,
189
- 'city_and_policy': 'Default',
190
- },
191
- 'deep': 1,
192
- 'id': 'policy:container-2539',
193
- 'title': 'Policy name lorem ipsum dolor',
194
- 'has_badge': RENDER_BADGE.EMISSION_REDICTIONS,
195
- 'items': [
196
- {
197
- 'data': {
198
- 'forecast_units_affected': 0,
199
- 'forecast_emissions_savings': 0,
200
- 'forecast_lifecycle_savings': 0,
201
- 'multifamily': true,
202
- 'single_family': false,
203
- 'zone_7': false,
204
- 'zone_10': false,
205
- 'city_and_policy': false,
206
- },
207
- 'deep': 2,
208
- 'id': 'policy:container-2539:climateZone-1-PGE',
209
- 'title': '',
210
- 'items': null,
211
- 'is_disabled': false,
212
- 'is_last': true,
213
- 'index': '0-1-0',
214
- 'last_deep': false
215
- }
216
- ],
217
- 'is_disabled': false,
218
- 'is_last': true,
219
- 'index': '0-1',
220
- 'last_deep': false
221
- }
222
- ]
223
-
224
- export const comparisonDataColumnGroup = [
225
- {
226
- 'order': 2,
227
- 'key': 'city_wide_estimates',
228
- 'title': 'City-wide Impact Estimates',
229
- 'columns': [
230
- {
231
- 'isActive': true,
232
- 'key': 'forecast_units_affected',
233
- 'title': 'Affected Units',
234
- 'description': '(lifecycle)',
235
- 'hasProjections': true,
236
- 'hasHelper': {
237
- 'type': 'helper',
238
- 'id': 17
239
- },
240
- 'isChart': false,
241
- 'renderType': RENDER_TYPE.BAR_CHART
242
- },
243
- {
244
- 'isActive': true,
245
- 'key': 'forecast_emissions_savings',
246
- 'title': 'Emissions Reductions',
247
- 'description': '(lifecycle MTCO2e)',
248
- 'hasProjections': true,
249
- 'hasHelper': {
250
- 'type': 'helper',
251
- 'id': 18
252
- },
253
- 'isChart': false,
254
- 'renderType': RENDER_TYPE.BAR_CHART
255
- },
256
- {
257
- 'isActive': true,
258
- 'key': 'forecast_lifecycle_savings',
259
- 'title': 'Lifecycle Savings',
260
- 'description': '(on-bill)',
261
- 'hasProjections': true,
262
- 'hasHelper': {
263
- 'type': 'helper',
264
- 'id': 19
265
- },
266
- 'isChart': false,
267
- 'renderType': RENDER_TYPE.BAR_CHART
268
- }
269
- ],
270
- 'hasHelper': {
271
- 'type': 'helper',
272
- 'slug': 'comparison-tables-city_wide_estimates'
273
- }
274
- },
275
- {
276
- 'order': 3,
277
- 'key': 'policy_requirements',
278
- 'title': 'Policy Requirements',
279
- 'columns': [
280
- {
281
- 'isActive': true,
282
- 'key': 'multifamily',
283
- 'title': 'Multifamily',
284
- 'description': '',
285
- 'hasHelper': {
286
- 'type': 'helper',
287
- 'id': 1
288
- },
289
- 'isScope': true,
290
- 'renderType': RENDER_TYPE.TAG_SCOPE
291
- },
292
- {
293
- 'isActive': true,
294
- 'key': 'single_family',
295
- 'title': 'Single Family',
296
- 'description': '',
297
- 'isChart': false,
298
- 'hasHelper': {
299
- 'type': 'helper',
300
- 'id': 2
301
- },
302
- 'renderType': RENDER_TYPE.TAG_SCOPE
303
- },
304
- {
305
- 'isActive': true,
306
- 'key': 'zone_7',
307
- 'title': 'Zone 7',
308
- 'description': '',
309
- 'isChart': false,
310
- 'hasHelper': {
311
- 'type': 'helper',
312
- 'id': 3
313
- },
314
- 'renderType': RENDER_TYPE.TAG_SCOPE
315
- },
316
- {
317
- 'isActive': true,
318
- 'key': 'zone_10',
319
- 'title': 'Zone 10',
320
- 'description': '',
321
- 'isChart': false,
322
- 'hasHelper': {
323
- 'type': 'helper',
324
- 'id': 4
325
- },
326
- 'renderType': RENDER_TYPE.TAG_SCOPE
327
- }
328
- ],
329
- 'hasHelper': {
330
- 'type': 'helper',
331
- 'id': 23
332
- }
333
- },
334
- {
335
- 'order': 4,
336
- 'key': 'city_wide_impact_assumptions',
337
- 'title': 'City-Wide Impact Assumptions',
338
- 'columns': [
339
- {
340
- 'isActive': true,
341
- 'key': 'multifamily',
342
- 'title': 'Multifamily',
343
- 'description': '',
344
- 'hasHelper': {
345
- 'type': 'helper',
346
- 'id': 1
347
- },
348
- 'renderType': RENDER_TYPE.TAG_SCOPE
349
- },
350
- {
351
- 'isActive': true,
352
- 'key': 'single_family',
353
- 'title': 'Single Family',
354
- 'description': '',
355
- 'hasHelper': {
356
- 'type': 'helper',
357
- 'id': 2
358
- },
359
- 'renderType': RENDER_TYPE.TAG_SCOPE
360
- },
361
- {
362
- 'isActive': true,
363
- 'key': 'city_and_policy',
364
- 'title': 'City and Policy',
365
- 'description': '',
366
- 'hasHelper': {
367
- 'type': 'helper',
368
- 'id': 3
369
- },
370
- 'renderType': RENDER_TYPE.TAG_SCOPE
371
- },
372
- ],
373
- 'hasHelper': {
374
- 'type': 'helper',
375
- 'id': 23
376
- }
377
- },
378
- ]