@policystudio/policy-studio-ui-vue 1.1.90-beta.0 → 1.1.90-beta.12
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.
- package/.eslintrc.js +12 -8
- package/.storybook/PolicyStudio.ts +11 -0
- package/.storybook/manager.ts +7 -0
- package/dist/contents/ComparisonData.js +376 -0
- package/dist/contents/ComparisonData.js.map +1 -0
- package/dist/contents/FlexibleData.js +501 -0
- package/dist/contents/FlexibleData.js.map +1 -0
- package/dist/contents/ResultsData.js +530 -0
- package/dist/contents/ResultsData.js.map +1 -0
- package/dist/css/psui_styles.css +4035 -110277
- package/dist/index.js +114 -0
- package/dist/index.js.map +1 -0
- package/dist/stories/Accordion.stories.js +56 -0
- package/dist/stories/Accordion.stories.js.map +1 -0
- package/dist/stories/BadgeWithIcon.stories.js +28 -0
- package/dist/stories/BadgeWithIcon.stories.js.map +1 -0
- package/dist/stories/BarChart.stories.js +16 -0
- package/dist/stories/BarChart.stories.js.map +1 -0
- package/dist/stories/Breadcrumb.stories.js +21 -0
- package/dist/stories/Breadcrumb.stories.js.map +1 -0
- package/dist/stories/Button.stories.js +44 -0
- package/dist/stories/Button.stories.js.map +1 -0
- package/dist/stories/CardInfos.stories.js +13 -0
- package/dist/stories/CardInfos.stories.js.map +1 -0
- package/dist/stories/ChartLegend.stories.js +13 -0
- package/dist/stories/ChartLegend.stories.js.map +1 -0
- package/dist/stories/Checkbox.stories.js +44 -0
- package/dist/stories/Checkbox.stories.js.map +1 -0
- package/dist/stories/CheckboxSimple.stories.js +48 -0
- package/dist/stories/CheckboxSimple.stories.js.map +1 -0
- package/dist/stories/Chips.stories.js +27 -0
- package/dist/stories/Chips.stories.js.map +1 -0
- package/dist/stories/ClimateZoneBadge.stories.js +15 -0
- package/dist/stories/ClimateZoneBadge.stories.js.map +1 -0
- package/dist/stories/CostEffectBar.stories.js +21 -0
- package/dist/stories/CostEffectBar.stories.js.map +1 -0
- package/dist/stories/Datatable.stories.js +45 -0
- package/dist/stories/Datatable.stories.js.map +1 -0
- package/dist/stories/DateCardInfo.stories.js +18 -0
- package/dist/stories/DateCardInfo.stories.js.map +1 -0
- package/dist/stories/Dialog.stories.js +127 -0
- package/dist/stories/Dialog.stories.js.map +1 -0
- package/dist/stories/Draggable.stories.js +20 -0
- package/dist/stories/Draggable.stories.js.map +1 -0
- package/dist/stories/Dropdown.stories.js +98 -0
- package/dist/stories/Dropdown.stories.js.map +1 -0
- package/dist/stories/DropdownList.stories.js +208 -0
- package/dist/stories/DropdownList.stories.js.map +1 -0
- package/dist/stories/Header.stories.js +39 -0
- package/dist/stories/Header.stories.js.map +1 -0
- package/dist/stories/HighlightRippleDot.stories.js +13 -0
- package/dist/stories/HighlightRippleDot.stories.js.map +1 -0
- package/dist/stories/Icon.stories.js +19 -0
- package/dist/stories/Icon.stories.js.map +1 -0
- package/dist/stories/InlineSelector.stories.js +16 -0
- package/dist/stories/InlineSelector.stories.js.map +1 -0
- package/dist/stories/Input.stories.js +235 -0
- package/dist/stories/Input.stories.js.map +1 -0
- package/dist/stories/InputSelect.stories.js +28 -0
- package/dist/stories/InputSelect.stories.js.map +1 -0
- package/dist/stories/InputTextArea.stories.js +23 -0
- package/dist/stories/InputTextArea.stories.js.map +1 -0
- package/dist/stories/MiniTag.stories.js +44 -0
- package/dist/stories/MiniTag.stories.js.map +1 -0
- package/dist/stories/Playground.stories.js +14 -0
- package/dist/stories/Playground.stories.js.map +1 -0
- package/dist/stories/ProgressBar.stories.js +21 -0
- package/dist/stories/ProgressBar.stories.js.map +1 -0
- package/dist/stories/RadioButton.stories.js +36 -0
- package/dist/stories/RadioButton.stories.js.map +1 -0
- package/dist/stories/RadioButtonSimple.stories.js +40 -0
- package/dist/stories/RadioButtonSimple.stories.js.map +1 -0
- package/dist/stories/SimpleAlert.stories.js +19 -0
- package/dist/stories/SimpleAlert.stories.js.map +1 -0
- package/dist/stories/Slider.stories.js +70 -0
- package/dist/stories/Slider.stories.js.map +1 -0
- package/dist/stories/Switch.stories.js +35 -0
- package/dist/stories/Switch.stories.js.map +1 -0
- package/dist/stories/TabHeader.stories.js +48 -0
- package/dist/stories/TabHeader.stories.js.map +1 -0
- package/dist/stories/TableResults.stories.js +717 -0
- package/dist/stories/TableResults.stories.js.map +1 -0
- package/dist/stories/TagScope.stories.js +16 -0
- package/dist/stories/TagScope.stories.js.map +1 -0
- package/dist/stories/TestimonialCard.stories.js +24 -0
- package/dist/stories/TestimonialCard.stories.js.map +1 -0
- package/dist/stories/Toast.stories.js +51 -0
- package/dist/stories/Toast.stories.js.map +1 -0
- package/dist/stories/Toggle.stories.js +42 -0
- package/dist/stories/Toggle.stories.js.map +1 -0
- package/dist/stories/Tooltip.stories.js +108 -0
- package/dist/stories/Tooltip.stories.js.map +1 -0
- package/dist/util/GeneralFunctions.js +29 -0
- package/dist/util/GeneralFunctions.js.map +1 -0
- package/dist/util/imageLoader.js +52 -0
- package/dist/util/imageLoader.js.map +1 -0
- package/package.json +25 -22
- package/postcss.config.js +1 -1
- package/src/App.vue +30 -0
- package/src/assets/scss/base.scss +27 -23
- package/src/assets/scss/components/PsAccordion.scss +1 -1
- package/src/assets/scss/components/PsChips.scss +3 -3
- package/src/assets/scss/components/PsCostEffectBar.scss +4 -4
- package/src/assets/scss/components/PsProgressBar.scss +4 -4
- package/src/assets/scss/components/PsTabHeader.scss +1 -1
- package/src/assets/scss/components/PsTableResults.scss +1 -1
- package/src/assets/scss/components/PsTestimonialCard.scss +1 -1
- package/src/components/badges-and-tags/PsBadgeWithIcon.vue +2 -1
- package/src/components/badges-and-tags/PsProgressBar.vue +1 -1
- package/src/components/buttons/PsButton.vue +74 -96
- package/src/{index.js → index.ts} +4 -0
- package/src/shims-vue.d.ts +11 -0
- package/src/stories/{Accordion.stories.js → Accordion.stories.ts} +2 -2
- package/src/stories/{BadgeWithIcon.stories.js → BadgeWithIcon.stories.ts} +1 -1
- package/src/stories/{BarChart.stories.js → BarChart.stories.ts} +1 -1
- package/src/stories/{Breadcrumb.stories.js → Breadcrumb.stories.ts} +1 -4
- package/src/stories/{CardInfos.stories.js → CardInfos.stories.ts} +1 -2
- package/src/stories/{ChartLegend.stories.js → ChartLegend.stories.ts} +1 -2
- package/src/stories/{Checkbox.stories.js → Checkbox.stories.ts} +1 -1
- package/src/stories/{CheckboxSimple.stories.js → CheckboxSimple.stories.ts} +1 -1
- package/src/stories/{Chips.stories.js → Chips.stories.ts} +24 -22
- package/src/stories/{ClimateZoneBadge.stories.js → ClimateZoneBadge.stories.ts} +2 -1
- package/src/stories/{CostEffectBar.stories.js → CostEffectBar.stories.ts} +2 -1
- package/src/stories/{Datatable.stories.js → Datatable.stories.ts} +5 -2
- package/src/stories/{DateCardInfo.stories.js → DateCardInfo.stories.ts} +1 -5
- package/src/stories/{Dialog.stories.js → Dialog.stories.ts} +1 -1
- package/src/stories/{Draggable.stories.js → Draggable.stories.ts} +2 -1
- package/src/stories/{Dropdown.stories.js → Dropdown.stories.ts} +2 -1
- package/src/stories/{DropdownList.stories.js → DropdownList.stories.ts} +3 -1
- package/src/stories/{Header.stories.js → Header.stories.ts} +1 -0
- package/src/stories/{HighlightRippleDot.stories.js → HighlightRippleDot.stories.ts} +2 -1
- package/src/stories/{Icon.stories.js → Icon.stories.ts} +2 -0
- package/src/stories/{InlineSelector.stories.js → InlineSelector.stories.ts} +1 -1
- package/src/stories/{Input.stories.js → Input.stories.ts} +6 -3
- package/src/stories/{InputSelect.stories.js → InputSelect.stories.ts} +2 -1
- package/src/stories/{InputTextArea.stories.js → InputTextArea.stories.ts} +1 -1
- package/src/stories/{MiniTag.stories.js → MiniTag.stories.ts} +8 -1
- package/src/stories/{Playground.stories.js → Playground.stories.ts} +1 -1
- package/src/stories/{ProgressBar.stories.js → ProgressBar.stories.ts} +2 -1
- package/src/stories/{RadioButton.stories.js → RadioButton.stories.ts} +1 -1
- package/src/stories/{RadioButtonSimple.stories.js → RadioButtonSimple.stories.ts} +1 -1
- package/src/stories/{SimpleAlert.stories.js → SimpleAlert.stories.ts} +2 -1
- package/src/stories/{Slider.stories.js → Slider.stories.ts} +5 -1
- package/src/stories/{Switch.stories.js → Switch.stories.ts} +1 -1
- package/src/stories/{TabHeader.stories.js → TabHeader.stories.ts} +5 -0
- package/src/stories/{TableResults.stories.js → TableResults.stories.ts} +5 -1
- package/src/stories/{TagScope.stories.js → TagScope.stories.ts} +1 -1
- package/src/stories/{TestimonialCard.stories.js → TestimonialCard.stories.ts} +2 -2
- package/src/stories/{Toast.stories.js → Toast.stories.ts} +1 -1
- package/src/stories/{Toggle.stories.js → Toggle.stories.ts} +6 -3
- package/src/stories/{Tooltip.stories.js → Tooltip.stories.ts} +3 -3
- package/src/util/{GeneralFunctions.js → GeneralFunctions.ts} +7 -6
- package/src/util/{imageLoader.js → imageLoader.ts} +15 -7
- package/tailwind.config.js +11 -2
- package/tsconfig.json +47 -0
- package/webpack.config.js +17 -3
- package/.storybook/PolicyStudio.js +0 -10
- package/.storybook/manager.js +0 -6
- package/babel.config.js +0 -17
- /package/.storybook/{eventBus.js → eventBus.ts} +0 -0
- /package/.storybook/{main.js → main.ts} +0 -0
- /package/.storybook/{preview.js → preview.ts} +0 -0
- /package/src/contents/{ComparisonData.js → ComparisonData.ts} +0 -0
- /package/src/contents/{FlexibleData.js → FlexibleData.ts} +0 -0
- /package/src/contents/{ResultsData.js → ResultsData.ts} +0 -0
- /package/src/stories/{Button.stories.js → Button.stories.ts} +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TableResults.stories.js","sourceRoot":"","sources":["../../src/stories/TableResults.stories.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import PsTagScope from '../components/badges-and-tags/PsTagScope.vue';
|
|
2
|
+
export default {
|
|
3
|
+
title: 'Badges & Tags/Tags/Tag Scope',
|
|
4
|
+
component: PsTagScope,
|
|
5
|
+
};
|
|
6
|
+
const defaultTemplate = (args, { argTypes }) => ({
|
|
7
|
+
props: Object.keys(argTypes),
|
|
8
|
+
components: { PsTagScope },
|
|
9
|
+
template: `
|
|
10
|
+
<div style='padding: 20px;'>
|
|
11
|
+
<PsTagScope v-bind="$props"/>
|
|
12
|
+
</div>
|
|
13
|
+
`
|
|
14
|
+
});
|
|
15
|
+
export const TagScope = defaultTemplate.bind({});
|
|
16
|
+
//# sourceMappingURL=TagScope.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TagScope.stories.js","sourceRoot":"","sources":["../../src/stories/TagScope.stories.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,8CAA8C,CAAA;AACrE,eAAe;IACb,KAAK,EAAE,8BAA8B;IACrC,SAAS,EAAE,UAAU;CACtB,CAAA;AAED,MAAM,eAAe,GAAG,CAAC,IAAI,EAAE,EAAC,QAAQ,EAAC,EAAE,EAAE,CAAC,CAAC;IAC7C,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC;IAC5B,UAAU,EAAE,EAAE,UAAU,EAAE;IAC1B,QAAQ,EAAE;;;;KAIP;CACJ,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import PsTestimonialCard from '../components/badges-and-tags/PsTestimonialCard.vue';
|
|
2
|
+
export default {
|
|
3
|
+
title: 'Components/TestimonialCard',
|
|
4
|
+
component: PsTestimonialCard,
|
|
5
|
+
};
|
|
6
|
+
const Template = (args, { argTypes }) => ({
|
|
7
|
+
props: Object.keys(argTypes),
|
|
8
|
+
components: { PsTestimonialCard },
|
|
9
|
+
template: `
|
|
10
|
+
<div style="width: 1000px; background:#DBE9F1; display:flex; gap: 7px; padding: 20px; height: 100%;">
|
|
11
|
+
<PsTestimonialCard v-bind="$props"/>
|
|
12
|
+
<PsTestimonialCard v-bind="$props"/>
|
|
13
|
+
<PsTestimonialCard v-bind="$props"/>
|
|
14
|
+
</div>
|
|
15
|
+
`
|
|
16
|
+
});
|
|
17
|
+
export const Default = Template.bind({});
|
|
18
|
+
Default.args = {
|
|
19
|
+
testimonial: 'I used to spend most of my time helping California cities make reach codes. Now, i just show them the Explorer and get to focus on helping cities in other states.',
|
|
20
|
+
user: 'Amy Rider',
|
|
21
|
+
position: 'Head Sustainability Department',
|
|
22
|
+
jurisdiction: 'City of Chula vista'
|
|
23
|
+
};
|
|
24
|
+
//# sourceMappingURL=TestimonialCard.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TestimonialCard.stories.js","sourceRoot":"","sources":["../../src/stories/TestimonialCard.stories.ts"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,MAAM,qDAAqD,CAAA;AAEnF,eAAe;IACX,KAAK,EAAE,4BAA4B;IACnC,SAAS,EAAE,iBAAiB;CAC7B,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAC,EAAC,QAAQ,EAAC,EAAE,EAAE,CAAC,CAAC;IACrC,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC;IAC5B,UAAU,EAAC,EAAC,iBAAiB,EAAC;IAC9B,QAAQ,EAAE;;;;;;KAMT;CACJ,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExC,OAAO,CAAC,IAAI,GAAG;IACb,WAAW,EAAE,oKAAoK;IACjL,IAAI,EAAC,WAAW;IAChB,QAAQ,EAAC,gCAAgC;IACzC,YAAY,EAAC,qBAAqB;CACnC,CAAA"}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import PsToast from '../components/notifications/PsToast.vue';
|
|
2
|
+
export default {
|
|
3
|
+
title: 'Notifications/Toast',
|
|
4
|
+
component: PsToast,
|
|
5
|
+
};
|
|
6
|
+
const Template = (args, { argTypes }) => ({
|
|
7
|
+
props: Object.keys(argTypes),
|
|
8
|
+
components: { PsToast },
|
|
9
|
+
template: `
|
|
10
|
+
<div style="display: flex; gap: 30px;">
|
|
11
|
+
<div style="display: flex; flex-direction: column; gap: 5px; width:500px;">
|
|
12
|
+
<PsToast v-bind="$props" message="This is a info alert" layout="info" icon="info" fill="intense" >
|
|
13
|
+
<p class="hover:psui-underline">Action 1</p>
|
|
14
|
+
<p class="hover:psui-underline">Action 2</p>
|
|
15
|
+
</PsToast>
|
|
16
|
+
<PsToast v-bind="$props" message="This is a success alert" layout="success" icon="check_circle" >
|
|
17
|
+
<p class="hover:psui-underline">Action 1</p>
|
|
18
|
+
<p class="hover:psui-underline">Action 2</p>
|
|
19
|
+
</PsToast>
|
|
20
|
+
<PsToast v-bind="$props" message="This is a warning alert" layout="warning" icon="warning">
|
|
21
|
+
<p class="hover:psui-underline">Action 1</p>
|
|
22
|
+
<p class="hover:psui-underline">Action 2</p>
|
|
23
|
+
</PsToast>
|
|
24
|
+
<PsToast v-bind="$props" message="This is a an error alert" layout="error" icon="warning" >
|
|
25
|
+
<p class="hover:psui-underline">Action 1</p>
|
|
26
|
+
<p class="hover:psui-underline">Action 2</p>
|
|
27
|
+
</PsToast>
|
|
28
|
+
</div>
|
|
29
|
+
<div style="display: flex; flex-direction: column; gap: 5px; width:500px;">
|
|
30
|
+
<PsToast v-bind="$props" message="This is a info alert" layout="info" icon="info" fill="soft" >
|
|
31
|
+
<p class="hover:psui-underline">Action 1</p>
|
|
32
|
+
<p class="hover:psui-underline">Action 2</p>
|
|
33
|
+
</PsToast>
|
|
34
|
+
<PsToast v-bind="$props" message="This is a success alert" layout="success" icon="check_circle" fill="soft">
|
|
35
|
+
<p class="hover:psui-underline">Action 1</p>
|
|
36
|
+
<p class="hover:psui-underline">Action 2</p>
|
|
37
|
+
</PsToast>
|
|
38
|
+
<PsToast v-bind="$props" message="This is a warning alert" layout="warning" icon="warning" fill="soft">
|
|
39
|
+
<p class="hover:psui-underline">Action 1</p>
|
|
40
|
+
<p class="hover:psui-underline">Action 2</p>
|
|
41
|
+
</PsToast>
|
|
42
|
+
<PsToast v-bind="$props" message="This is a an error alert" layout="error" icon="warning" fill="soft">
|
|
43
|
+
<p class="hover:psui-underline">Action 1</p>
|
|
44
|
+
<p class="hover:psui-underline">Action 2</p>
|
|
45
|
+
</PsToast>
|
|
46
|
+
</div>
|
|
47
|
+
<div>
|
|
48
|
+
`
|
|
49
|
+
});
|
|
50
|
+
export const Default = Template.bind({});
|
|
51
|
+
//# sourceMappingURL=Toast.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toast.stories.js","sourceRoot":"","sources":["../../src/stories/Toast.stories.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,yCAAyC,CAAA;AAC7D,eAAe;IACb,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,OAAO;CACnB,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC;IACxC,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC;IAC5B,UAAU,EAAE,EAAE,OAAO,EAAE;IACvB,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCT;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import PsToggle from '../components/controls/PsToggle.vue';
|
|
2
|
+
export default {
|
|
3
|
+
title: 'Components/Toggle',
|
|
4
|
+
component: PsToggle,
|
|
5
|
+
argTypes: {},
|
|
6
|
+
};
|
|
7
|
+
const items = ['Option 1', 'Option 2', 'Option 3'];
|
|
8
|
+
const selected = 'Option 2';
|
|
9
|
+
const Template = (args, { argTypes }) => ({
|
|
10
|
+
props: Object.keys(argTypes),
|
|
11
|
+
components: { PsToggle },
|
|
12
|
+
template: `
|
|
13
|
+
<PsToggle v-bind="$props" :selected.sync="selected" />
|
|
14
|
+
`,
|
|
15
|
+
});
|
|
16
|
+
export const Default = Template.bind({});
|
|
17
|
+
Default.args = {
|
|
18
|
+
items: items,
|
|
19
|
+
selected: selected,
|
|
20
|
+
};
|
|
21
|
+
/**
|
|
22
|
+
* Hey Luciano!
|
|
23
|
+
* Adicionei este script aqui pois não entendi como criar uma story com script em MDX ou algo que rode geral, saca?
|
|
24
|
+
* Mas é uma função simples para copiar o HEX das cores...
|
|
25
|
+
* Se quiser dar uma melhorada nessa parte, fique a vontade meu chegado! TMJ
|
|
26
|
+
*/
|
|
27
|
+
window.addEventListener('click', (ev) => {
|
|
28
|
+
if (ev.target.classList.contains('click-to-copy')) {
|
|
29
|
+
copyText(ev.target.dataset.toCopy);
|
|
30
|
+
}
|
|
31
|
+
});
|
|
32
|
+
function copyText(textToCopy) {
|
|
33
|
+
const myTemporaryInputElement = document.createElement('input');
|
|
34
|
+
myTemporaryInputElement.type = 'text';
|
|
35
|
+
myTemporaryInputElement.value = textToCopy;
|
|
36
|
+
document.body.appendChild(myTemporaryInputElement);
|
|
37
|
+
myTemporaryInputElement.select();
|
|
38
|
+
document.execCommand('Copy');
|
|
39
|
+
document.body.removeChild(myTemporaryInputElement);
|
|
40
|
+
alert('Item copied to clipboard!');
|
|
41
|
+
}
|
|
42
|
+
//# sourceMappingURL=Toggle.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toggle.stories.js","sourceRoot":"","sources":["../../src/stories/Toggle.stories.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,qCAAqC,CAAA;AAC1D,eAAe;IACb,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,QAAQ;IACnB,QAAQ,EAAE,EAAE;CACb,CAAA;AACD,MAAM,KAAK,GAAG,CAAC,UAAU,EAAE,UAAU,EAAE,UAAU,CAAC,CAAA;AAClD,MAAM,QAAQ,GAAG,UAAU,CAAA;AAE3B,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC;IACxC,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC;IAC5B,UAAU,EAAE,EAAE,QAAQ,EAAE;IACxB,QAAQ,EAAE;;GAET;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACxC,OAAO,CAAC,IAAI,GAAG;IACb,KAAK,EAAE,KAAK;IACZ,QAAQ,EAAE,QAAQ;CACnB,CAAA;AAED;;;;;GAKG;AACH,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE;IACtC,IAAI,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,EAAE;QACjD,QAAQ,CAAC,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAA;KACnC;AACH,CAAC,CAAC,CAAA;AAEF,SAAS,QAAQ,CAAC,UAAU;IAC1B,MAAM,uBAAuB,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAA;IAC/D,uBAAuB,CAAC,IAAI,GAAG,MAAM,CAAA;IACrC,uBAAuB,CAAC,KAAK,GAAG,UAAU,CAAA;IAC1C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,uBAAuB,CAAC,CAAA;IAClD,uBAAuB,CAAC,MAAM,EAAE,CAAA;IAChC,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAA;IAC5B,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,uBAAuB,CAAC,CAAA;IAClD,KAAK,CAAC,2BAA2B,CAAC,CAAA;AACpC,CAAC"}
|
|
@@ -0,0 +1,108 @@
|
|
|
1
|
+
import PsTooltip from '../components/tooltip/PsTooltip.vue';
|
|
2
|
+
import PsRichTooltip from '../components/tooltip/PsRichTooltip.vue';
|
|
3
|
+
import PsDialogTooltip from '../components/tooltip/PsDialogTooltip.vue';
|
|
4
|
+
export default {
|
|
5
|
+
title: 'Components/Tooltip',
|
|
6
|
+
component: PsTooltip,
|
|
7
|
+
subcomponents: { PsRichTooltip, PsDialogTooltip }
|
|
8
|
+
};
|
|
9
|
+
const TemplateDialog = (args, { argTypes }) => ({
|
|
10
|
+
props: Object.keys(argTypes),
|
|
11
|
+
components: { PsDialogTooltip },
|
|
12
|
+
template: `
|
|
13
|
+
<div style='display: flex; justify-content: space-between;'>
|
|
14
|
+
<PsDialogTooltip v-bind='$props' layout='white' title='Duct Sealing' buttonText='More Info' cssClass='psui-w-64'>
|
|
15
|
+
<template v-slot:trigger>
|
|
16
|
+
<p>Trigger</p>
|
|
17
|
+
</template>
|
|
18
|
+
<template v-slot:content>
|
|
19
|
+
<p>Air seal all ductwork to a final duct leakage value of 10% of nominal airflow.</p>
|
|
20
|
+
</template>
|
|
21
|
+
</PsDialogTooltip>
|
|
22
|
+
<PsDialogTooltip v-bind='$props' layout='dark' title='Duct Sealing' buttonText='More Info' cssClass='psui-w-64'>
|
|
23
|
+
<template v-slot:trigger>
|
|
24
|
+
<p>Trigger</p>
|
|
25
|
+
</template>
|
|
26
|
+
<template v-slot:content>
|
|
27
|
+
<p>Air seal all ductwork to a final duct leakage value of 10% of nominal airflow.</p>
|
|
28
|
+
</template>
|
|
29
|
+
</PsDialogTooltip>
|
|
30
|
+
<PsDialogTooltip v-bind='$props' layout='color' title='Duct Sealing' buttonText='More Info' cssClass='psui-w-64'>
|
|
31
|
+
<template v-slot:trigger>
|
|
32
|
+
<p>Trigger</p>
|
|
33
|
+
</template>
|
|
34
|
+
<template v-slot:content>
|
|
35
|
+
<p>Air seal all ductwork to a final duct leakage value of 10% of nominal airflow.</p>
|
|
36
|
+
</template>
|
|
37
|
+
</PsDialogTooltip>
|
|
38
|
+
</div>
|
|
39
|
+
`,
|
|
40
|
+
});
|
|
41
|
+
const TemplateRich = (args, { argTypes }) => ({
|
|
42
|
+
props: Object.keys(argTypes),
|
|
43
|
+
components: { PsRichTooltip },
|
|
44
|
+
template: `
|
|
45
|
+
<div style='display: flex; justify-content: space-between;'>
|
|
46
|
+
<PsRichTooltip v-bind='$props' layout='red' title='Measures that are not cost-effective cannot be added to a combination' cssClass='psui-w-64'>
|
|
47
|
+
<template v-slot:trigger>
|
|
48
|
+
<p>Trigger</p>
|
|
49
|
+
</template>
|
|
50
|
+
<template v-slot:content>
|
|
51
|
+
<p>Here you can add an optional supporting text</p>
|
|
52
|
+
</template>
|
|
53
|
+
</PsRichTooltip>
|
|
54
|
+
<PsRichTooltip v-bind='$props' layout='blue' title='Select to create a combination of measures for your Policy' cssClass='psui-w-64'>
|
|
55
|
+
<template v-slot:trigger>
|
|
56
|
+
<p>Trigger</p>
|
|
57
|
+
</template>
|
|
58
|
+
<template v-slot:content>
|
|
59
|
+
<p>Here you can add an optional supporting text</p>
|
|
60
|
+
</template>
|
|
61
|
+
</PsRichTooltip>
|
|
62
|
+
<PsRichTooltip v-bind='$props' layout='gray' title='Did not account for the cost of combustion safety testing' cssClass='psui-w-64'>
|
|
63
|
+
<template v-slot:trigger>
|
|
64
|
+
<p>Trigger</p>
|
|
65
|
+
</template>
|
|
66
|
+
<template v-slot:content>
|
|
67
|
+
<p>Here you can add an optional supporting text</p>
|
|
68
|
+
</template>
|
|
69
|
+
</PsRichTooltip>
|
|
70
|
+
</div>
|
|
71
|
+
`
|
|
72
|
+
});
|
|
73
|
+
const TemplateDefault = (args, { argTypes }) => ({
|
|
74
|
+
props: Object.keys(argTypes),
|
|
75
|
+
components: { PsTooltip },
|
|
76
|
+
template: `
|
|
77
|
+
<div style='display: flex; justify-content: space-between; flex-direction: column; gap: 100px;'>
|
|
78
|
+
<PsTooltip v-bind='$props'>
|
|
79
|
+
<template v-slot:trigger>
|
|
80
|
+
Trigger
|
|
81
|
+
</template>
|
|
82
|
+
<template v-slot:content>
|
|
83
|
+
Basic Tooltip
|
|
84
|
+
</template>
|
|
85
|
+
</PsTooltip>
|
|
86
|
+
<PsTooltip v-bind='$props' position='top'>
|
|
87
|
+
<template v-slot:trigger>
|
|
88
|
+
Trigger
|
|
89
|
+
</template>
|
|
90
|
+
<template v-slot:content>
|
|
91
|
+
Basic Tooltip
|
|
92
|
+
</template>
|
|
93
|
+
</PsTooltip>
|
|
94
|
+
<PsTooltip v-bind='$props'>
|
|
95
|
+
<template v-slot:trigger>
|
|
96
|
+
Trigger
|
|
97
|
+
</template>
|
|
98
|
+
<template v-slot:content>
|
|
99
|
+
Basic Tooltip
|
|
100
|
+
</template>
|
|
101
|
+
</PsTooltip>
|
|
102
|
+
</div>
|
|
103
|
+
`
|
|
104
|
+
});
|
|
105
|
+
export const Dialog = TemplateDialog.bind({});
|
|
106
|
+
export const Rich = TemplateRich.bind({});
|
|
107
|
+
export const Default = TemplateDefault.bind({});
|
|
108
|
+
//# sourceMappingURL=Tooltip.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tooltip.stories.js","sourceRoot":"","sources":["../../src/stories/Tooltip.stories.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,qCAAqC,CAAA;AAC3D,OAAO,aAAa,MAAM,yCAAyC,CAAA;AACnE,OAAO,eAAe,MAAM,2CAA2C,CAAA;AAEvE,eAAe;IACX,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,SAAS;IACpB,aAAa,EAAE,EAAC,aAAa,EAAE,eAAe,EAAC;CAClD,CAAA;AAED,MAAM,cAAc,GAAG,CAAC,IAAQ,EAAE,EAAC,QAAQ,EAAgB,EAAE,EAAE,CAAC,CAAC;IAC7D,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC;IAC5B,UAAU,EAAE,EAAC,eAAe,EAAC;IAC7B,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2BT;CACJ,CAAC,CAAA;AAEF,MAAM,YAAY,GAAG,CAAC,IAAQ,EAAE,EAAC,QAAQ,EAAgB,EAAC,EAAE,CAAA,CAAC;IACzD,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC;IAC5B,UAAU,EAAE,EAAC,aAAa,EAAC;IAC3B,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2Bb;CACA,CAAC,CAAA;AAEF,MAAM,eAAe,GAAG,CAAC,IAAQ,EAAE,EAAC,QAAQ,EAAgB,EAAE,EAAE,CAAC,CAAC;IAClE,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC;IAC5B,UAAU,EAAE,EAAC,SAAS,EAAC;IACvB,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BT;CACA,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAE7C,MAAM,CAAC,MAAM,IAAI,GAAG,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAEzC,MAAM,CAAC,MAAM,OAAO,GAAG,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
export const randomString = (length) => {
|
|
2
|
+
let result = '';
|
|
3
|
+
const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
|
|
4
|
+
const charactersLength = characters.length;
|
|
5
|
+
for (let i = 0; i < length; i++) {
|
|
6
|
+
result += characters.charAt(Math.floor(Math.random() * charactersLength));
|
|
7
|
+
}
|
|
8
|
+
return result;
|
|
9
|
+
};
|
|
10
|
+
export const getParentScrollableEl = (node) => {
|
|
11
|
+
if (node == null) {
|
|
12
|
+
return null;
|
|
13
|
+
}
|
|
14
|
+
if (node.scrollHeight > node.clientHeight) {
|
|
15
|
+
return node;
|
|
16
|
+
}
|
|
17
|
+
else {
|
|
18
|
+
return getParentScrollableEl(node.parentNode);
|
|
19
|
+
}
|
|
20
|
+
};
|
|
21
|
+
export const getParentVueComponentByName = (comp, name) => {
|
|
22
|
+
if (comp.$options.name === name) {
|
|
23
|
+
return comp;
|
|
24
|
+
}
|
|
25
|
+
else {
|
|
26
|
+
return getParentVueComponentByName(comp.$parent, name);
|
|
27
|
+
}
|
|
28
|
+
};
|
|
29
|
+
//# sourceMappingURL=GeneralFunctions.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GeneralFunctions.js","sourceRoot":"","sources":["../../src/util/GeneralFunctions.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,MAAM,EAAE,EAAE;IACrC,IAAI,MAAM,GAAG,EAAE,CAAA;IACf,MAAM,UAAU,GACd,gEAAgE,CAAA;IAClE,MAAM,gBAAgB,GAAG,UAAU,CAAC,MAAM,CAAA;IAC1C,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,EAAE,CAAC,EAAE,EAAE;QAC/B,MAAM,IAAI,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,gBAAgB,CAAC,CAAC,CAAA;KAC1E;IACD,OAAO,MAAM,CAAA;AACf,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,IAAI,EAAE,EAAE;IAC5C,IAAI,IAAI,IAAI,IAAI,EAAE;QAChB,OAAO,IAAI,CAAA;KACZ;IAED,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,EAAE;QACzC,OAAO,IAAI,CAAA;KACZ;SAAM;QACL,OAAO,qBAAqB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;KAC9C;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE;IACxD,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,KAAK,IAAI,EAAE;QAC/B,OAAO,IAAI,CAAA;KACZ;SAAM;QACL,OAAO,2BAA2B,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,CAAA;KACvD;AACH,CAAC,CAAA"}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
export default ({ imageUrl, onProgress = null, returnsBase64 = true }) => {
|
|
2
|
+
return new Promise((resolve, reject) => {
|
|
3
|
+
const xhr = new XMLHttpRequest();
|
|
4
|
+
let notifiedNotComputable = false;
|
|
5
|
+
xhr.open('GET', imageUrl, true);
|
|
6
|
+
xhr.responseType = 'arraybuffer';
|
|
7
|
+
xhr.onprogress = (ev) => {
|
|
8
|
+
if (ev.lengthComputable) {
|
|
9
|
+
const progress = parseInt((ev.loaded / ev.total) * 100);
|
|
10
|
+
if (onProgress)
|
|
11
|
+
onProgress(progress);
|
|
12
|
+
}
|
|
13
|
+
else {
|
|
14
|
+
if (!notifiedNotComputable) {
|
|
15
|
+
notifiedNotComputable = true;
|
|
16
|
+
if (onProgress)
|
|
17
|
+
onProgress(-1);
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
};
|
|
21
|
+
xhr.onloadend = () => {
|
|
22
|
+
const contentType = xhr.getResponseHeader('Content-Type');
|
|
23
|
+
if (!contentType.includes('image')) {
|
|
24
|
+
reject(xhr);
|
|
25
|
+
}
|
|
26
|
+
else {
|
|
27
|
+
if (!notifiedNotComputable) {
|
|
28
|
+
if (onProgress)
|
|
29
|
+
onProgress(100);
|
|
30
|
+
}
|
|
31
|
+
if (!returnsBase64) {
|
|
32
|
+
resolve();
|
|
33
|
+
}
|
|
34
|
+
else {
|
|
35
|
+
const options = {};
|
|
36
|
+
const headers = xhr.getAllResponseHeaders();
|
|
37
|
+
const mime = headers.match(/^Content-Type\\:\s*(.*?)$/mi);
|
|
38
|
+
if (mime && mime[1])
|
|
39
|
+
options.type = mime[1];
|
|
40
|
+
const blob = new Blob([xhr.response], options);
|
|
41
|
+
resolve(window.URL.createObjectURL(blob));
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
};
|
|
45
|
+
xhr.onerror = () => {
|
|
46
|
+
console.log('asd');
|
|
47
|
+
reject();
|
|
48
|
+
};
|
|
49
|
+
xhr.send();
|
|
50
|
+
});
|
|
51
|
+
};
|
|
52
|
+
//# sourceMappingURL=imageLoader.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"imageLoader.js","sourceRoot":"","sources":["../../src/util/imageLoader.ts"],"names":[],"mappings":"AAAA,eAAe,CAAC,EAAE,QAAQ,EAAE,UAAU,GAAG,IAAI,EAAE,aAAa,GAAG,IAAI,EAAE,EAAE,EAAE;IACvE,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;QACrC,MAAM,GAAG,GAAG,IAAI,cAAc,EAAE,CAAA;QAChC,IAAI,qBAAqB,GAAG,KAAK,CAAA;QAEjC,GAAG,CAAC,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,CAAA;QAC/B,GAAG,CAAC,YAAY,GAAG,aAAa,CAAA;QAEhC,GAAG,CAAC,UAAU,GAAG,CAAC,EAAE,EAAE,EAAE;YACtB,IAAI,EAAE,CAAC,gBAAgB,EAAE;gBACvB,MAAM,QAAQ,GAAG,QAAQ,CAAC,CAAC,EAAE,CAAC,MAAM,GAAG,EAAE,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,CAAA;gBACvD,IAAG,UAAU;oBAAE,UAAU,CAAC,QAAQ,CAAC,CAAA;aACpC;iBAAM;gBACL,IAAI,CAAC,qBAAqB,EAAE;oBAC1B,qBAAqB,GAAG,IAAI,CAAA;oBAC5B,IAAG,UAAU;wBAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAA;iBAC9B;aACF;QACH,CAAC,CAAA;QAED,GAAG,CAAC,SAAS,GAAG,GAAG,EAAE;YACnB,MAAM,WAAW,GAAG,GAAG,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAA;YACzD,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE;gBAClC,MAAM,CAAC,GAAG,CAAC,CAAA;aACZ;iBAAM;gBACL,IAAI,CAAC,qBAAqB,EAAE;oBAC1B,IAAG,UAAU;wBAAE,UAAU,CAAC,GAAG,CAAC,CAAA;iBAC/B;gBAED,IAAG,CAAC,aAAa,EAAE;oBACjB,OAAO,EAAE,CAAA;iBACV;qBAAM;oBACL,MAAM,OAAO,GAAG,EAAE,CAAA;oBAClB,MAAM,OAAO,GAAG,GAAG,CAAC,qBAAqB,EAAE,CAAA;oBAC3C,MAAM,IAAI,GAAG,OAAO,CAAC,KAAK,CAAC,6BAA6B,CAAC,CAAA;oBACzD,IAAI,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC;wBAAE,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,CAAA;oBAC3C,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC,CAAA;oBAC9C,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,CAAA;iBAC1C;aACF;QACH,CAAC,CAAA;QAED,GAAG,CAAC,OAAO,GAAG,GAAG,EAAE;YACjB,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;YAClB,MAAM,EAAE,CAAA;QACV,CAAC,CAAA;QAED,GAAG,CAAC,IAAI,EAAE,CAAA;IACZ,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,28 +1,23 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@policystudio/policy-studio-ui-vue",
|
|
3
|
-
"version": "1.1.90-beta.
|
|
3
|
+
"version": "1.1.90-beta.12",
|
|
4
4
|
"description": "Policy Studio UI",
|
|
5
|
-
"main": "src/index.js",
|
|
6
5
|
"author": "Policy Studio Team",
|
|
7
|
-
"url": "https://github.com/Policy-Studio/policy-studio-ui-vue",
|
|
8
|
-
"license": "MIT",
|
|
9
|
-
"keywords": [
|
|
10
|
-
"vue",
|
|
11
|
-
"ui"
|
|
12
|
-
],
|
|
13
6
|
"scripts": {
|
|
7
|
+
"serve": "concurrently --kill-others \"npm run watch-storybook\" \"npm run watch-tailwind\"",
|
|
14
8
|
"lint": "vue-cli-service lint",
|
|
15
9
|
"build-storybook": "storybook build",
|
|
10
|
+
"build-ts":"tsc",
|
|
16
11
|
"build-tailwind": "postcss src/assets/scss/base.scss -o dist/css/psui_styles.css",
|
|
17
12
|
"build-temp-tailwind": "postcss src/assets/scss/base.scss -o temp/css/psui_styles.css",
|
|
18
|
-
"full-publish": "npm run lint && npm run build-tailwind && npm run build-storybook && npm publish --tag beta",
|
|
19
|
-
"
|
|
13
|
+
"full-publish": "npm run lint && npm run build-ts && npm run build-tailwind && npm run build-storybook && npm publish --tag beta",
|
|
14
|
+
"kill-port": "sh ./scripts/kill-port.sh",
|
|
20
15
|
"serve-prod": "concurrently --kill-others \"npm run watch-storybook\" \"npm run watch-prod-tailwind\"",
|
|
16
|
+
"storybook": "concurrently \"npm run kill-port\" \"npm run watch-prod-tailwind\" \"storybook dev -p 6006\"",
|
|
21
17
|
"watch-prod-tailwind": "watch 'npm run build-tailwind' ./src/assets",
|
|
22
|
-
"watch-tailwind": "watch 'npm run build-temp-tailwind' ./src/assets"
|
|
23
|
-
"kill-port": "sh ./scripts/kill-port.sh",
|
|
24
|
-
"storybook": "concurrently \"npm run kill-port\" \"npm run watch-prod-tailwind\" \"storybook dev -p 6006\""
|
|
18
|
+
"watch-tailwind": "watch 'npm run build-temp-tailwind' ./src/assets"
|
|
25
19
|
},
|
|
20
|
+
"main": "dist/index.js",
|
|
26
21
|
"dependencies": {
|
|
27
22
|
"@vue/compat": "^3.4.5",
|
|
28
23
|
"core-js": "^3.6.5",
|
|
@@ -30,10 +25,6 @@
|
|
|
30
25
|
"vue": "^3.4.5"
|
|
31
26
|
},
|
|
32
27
|
"devDependencies": {
|
|
33
|
-
"@babel/cli": "^7.23.4",
|
|
34
|
-
"@babel/core": "^7.23.7",
|
|
35
|
-
"@babel/eslint-parser": "^7.23.3",
|
|
36
|
-
"@babel/preset-env": "^7.23.7",
|
|
37
28
|
"@storybook/addon-essentials": "^7.6.7",
|
|
38
29
|
"@storybook/addon-interactions": "^7.6.7",
|
|
39
30
|
"@storybook/addon-links": "^7.6.7",
|
|
@@ -41,16 +32,19 @@
|
|
|
41
32
|
"@storybook/test": "^7.6.7",
|
|
42
33
|
"@storybook/vue3": "^7.6.7",
|
|
43
34
|
"@storybook/vue3-webpack5": "^7.6.7",
|
|
35
|
+
"@typescript-eslint/eslint-plugin": "^5.4.0",
|
|
36
|
+
"@typescript-eslint/parser": "^5.4.0",
|
|
44
37
|
"@vue/cli-plugin-eslint": "^5.0.8",
|
|
38
|
+
"@vue/cli-plugin-typescript": "~5.0.0",
|
|
45
39
|
"@vue/cli-service": "~5.0.8",
|
|
46
40
|
"@vue/compiler-sfc": "^3.4.5",
|
|
47
41
|
"@vue/eslint-config-prettier": "^9.0.0",
|
|
48
|
-
"
|
|
42
|
+
"@vue/eslint-config-typescript": "^9.1.0",
|
|
49
43
|
"concurrently": "^7.0.0",
|
|
50
44
|
"eslint": "^8.56.0",
|
|
51
45
|
"eslint-plugin-prettier": "^5.1.2",
|
|
52
46
|
"eslint-plugin-storybook": "^0.6.15",
|
|
53
|
-
"eslint-plugin-vue": "^
|
|
47
|
+
"eslint-plugin-vue": "^8.7.1",
|
|
54
48
|
"postcss": "^8.3.11",
|
|
55
49
|
"postcss-cli": "^9.0.2",
|
|
56
50
|
"postcss-import": "^14.0.2",
|
|
@@ -59,12 +53,21 @@
|
|
|
59
53
|
"react": "^18.2.0",
|
|
60
54
|
"react-dom": "^18.2.0",
|
|
61
55
|
"storybook": "^7.6.7",
|
|
62
|
-
"tailwindcss": "^
|
|
56
|
+
"tailwindcss": "^3.4.1",
|
|
57
|
+
"ts-loader": "^9.5.1",
|
|
58
|
+
"typescript": "~4.5.5",
|
|
63
59
|
"vue-eslint-parser": "^9.3.2",
|
|
64
60
|
"vue-loader": "^17.4.2",
|
|
65
|
-
"watch": "^1.0.2"
|
|
61
|
+
"watch": "^1.0.2",
|
|
62
|
+
"webpack": "^5.89.0"
|
|
66
63
|
},
|
|
67
64
|
"engines": {
|
|
68
65
|
"node": "18.19.0"
|
|
69
|
-
}
|
|
66
|
+
},
|
|
67
|
+
"keywords": [
|
|
68
|
+
"vue",
|
|
69
|
+
"ui"
|
|
70
|
+
],
|
|
71
|
+
"license": "MIT",
|
|
72
|
+
"url": "https://github.com/Policy-Studio/policy-studio-ui-vue"
|
|
70
73
|
}
|
package/postcss.config.js
CHANGED
package/src/App.vue
ADDED
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<img
|
|
3
|
+
alt="Vue logo"
|
|
4
|
+
src="./assets/logo.png"
|
|
5
|
+
>
|
|
6
|
+
<HelloWorld msg="Welcome to Your Vue.js + TypeScript App" />
|
|
7
|
+
</template>
|
|
8
|
+
|
|
9
|
+
<script lang="ts">
|
|
10
|
+
import { defineComponent } from 'vue'
|
|
11
|
+
import HelloWorld from './components/HelloWorld.vue'
|
|
12
|
+
|
|
13
|
+
export default defineComponent({
|
|
14
|
+
name: 'App',
|
|
15
|
+
components: {
|
|
16
|
+
HelloWorld
|
|
17
|
+
}
|
|
18
|
+
})
|
|
19
|
+
</script>
|
|
20
|
+
|
|
21
|
+
<style>
|
|
22
|
+
#app {
|
|
23
|
+
font-family: Avenir, Helvetica, Arial, sans-serif;
|
|
24
|
+
-webkit-font-smoothing: antialiased;
|
|
25
|
+
-moz-osx-font-smoothing: grayscale;
|
|
26
|
+
text-align: center;
|
|
27
|
+
color: #2c3e50;
|
|
28
|
+
margin-top: 60px;
|
|
29
|
+
}
|
|
30
|
+
</style>
|
|
@@ -67,35 +67,39 @@ html {
|
|
|
67
67
|
-webkit-font-smoothing: antialiased;
|
|
68
68
|
}
|
|
69
69
|
|
|
70
|
-
.psui-card {
|
|
71
|
-
@apply .psui-w-full .psui-bg-white .psui-rounded-lg .psui-px-6 .psui-py-4 .psui-shadow-elevation-5;
|
|
72
70
|
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
71
|
+
@layer components {
|
|
72
|
+
.psui-card {
|
|
73
|
+
@apply .psui-w-full .psui-bg-white .psui-rounded-lg .psui-px-6 .psui-py-4 .psui-shadow-elevation-5;
|
|
74
|
+
|
|
75
|
+
&-header {
|
|
76
|
+
@apply .psui-flex .psui-items-center .psui-justify-between .psui-mb-4;
|
|
77
|
+
|
|
78
|
+
h4 {
|
|
79
|
+
@apply .psui-text-h6 .psui-font-bold .psui-text-gray-80;
|
|
80
|
+
}
|
|
78
81
|
}
|
|
79
82
|
}
|
|
80
|
-
}
|
|
81
83
|
|
|
82
|
-
.psui-show-childrens-on-hover {
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
84
|
+
.psui-show-childrens-on-hover {
|
|
85
|
+
&:hover {
|
|
86
|
+
* {
|
|
87
|
+
opacity: 1 !important;
|
|
88
|
+
}
|
|
86
89
|
}
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
90
|
+
|
|
91
|
+
&.absolute-childrens {
|
|
92
|
+
@apply psui-relative;
|
|
93
|
+
|
|
94
|
+
.helper {
|
|
95
|
+
@apply psui-absolute psui-top-0;
|
|
96
|
+
right: -18px;
|
|
97
|
+
}
|
|
95
98
|
}
|
|
96
99
|
}
|
|
100
|
+
|
|
101
|
+
.psui-transition {
|
|
102
|
+
@apply psui-transition-all psui-ease-in-out psui-duration-150;
|
|
103
|
+
}
|
|
97
104
|
}
|
|
98
105
|
|
|
99
|
-
.psui-transition {
|
|
100
|
-
@apply psui-transition-all psui-ease-in-out psui-duration-150;
|
|
101
|
-
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
@layer components{
|
|
1
|
+
@layer components {
|
|
2
2
|
|
|
3
3
|
.psui-el-chips {
|
|
4
4
|
@apply psui-inline-flex psui-relative;
|
|
@@ -126,7 +126,7 @@
|
|
|
126
126
|
|
|
127
127
|
&,
|
|
128
128
|
.psui-el-chips-close {
|
|
129
|
-
@apply
|
|
129
|
+
@apply psui-text-gray-50;
|
|
130
130
|
}
|
|
131
131
|
|
|
132
132
|
.psui-el-chips-icon-prepend {
|
|
@@ -140,7 +140,7 @@
|
|
|
140
140
|
|
|
141
141
|
&,
|
|
142
142
|
.psui-el-chips-close {
|
|
143
|
-
@apply
|
|
143
|
+
@apply psui-text-blue-60;
|
|
144
144
|
}
|
|
145
145
|
|
|
146
146
|
.psui-el-chips-icon-prepend {
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
@layer components {
|
|
2
2
|
.psui-el-cost-effect-bar {
|
|
3
|
-
@apply
|
|
3
|
+
@apply psui-overflow-visible;
|
|
4
4
|
|
|
5
5
|
div {
|
|
6
|
-
@apply
|
|
6
|
+
@apply psui-relative psui-h-2 psui-rounded-2xl;
|
|
7
7
|
width: 100px;
|
|
8
8
|
|
|
9
9
|
span {
|
|
10
|
-
@apply
|
|
10
|
+
@apply psui-absolute psui-rounded-sm psui-z-10;
|
|
11
11
|
background-color: #d6dde5;
|
|
12
12
|
width: 2px;
|
|
13
13
|
height: 14px;
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
}
|
|
16
16
|
|
|
17
17
|
.psui-el-simple-progress-bar {
|
|
18
|
-
@apply
|
|
18
|
+
@apply psui-overflow-hidden;
|
|
19
19
|
|
|
20
20
|
&-percentage {
|
|
21
21
|
border-radius: unset;
|