@policystudio/policy-studio-ui-vue 1.1.89 → 1.1.90-access.0

package/{src/stories/CostEffectBar.stories.js → doc/src/stories/CostEffectBar.stories.ts}

@@ -1,4 +1,4 @@
-import PsCostEffectBar from '../components/badges-and-tags/PsCostEffectBar.vue'
+import PsCostEffectBar from '../../../src/components/badges-and-tags/PsCostEffectBar.vue'
 
 export default {
   title: 'Badges & Tags/Badges/CostEffectBar',
@@ -13,11 +13,12 @@ export default {
   },
 }
 
-const Template = (args, { argTypes }) => ({
+const Template = (args:any, { argTypes }:{ argTypes:any }) => ({
   props: Object.keys(argTypes),
   components: { PsCostEffectBar },
   template: '<PsCostEffectBar v-bind="$props" />',
 })
 
 export const SimpleProgressBar = Template.bind({})
+// @ts-ignore
 SimpleProgressBar.args = {}

package/{src/stories/Datatable.stories.js → doc/src/stories/Datatable.stories.ts}

@@ -1,5 +1,6 @@
-import PsDataTable, { alignment } from '../components/datatable/PsDataTable.vue'
-import PsDataTableItem from '../components/datatable/PsDataTableItem.vue'
+// @ts-ignore
+import PsDataTable, { alignment } from '../../../src/components/datatable/PsDataTable.vue'
+import PsDataTableItem from '../../../src/components/datatable/PsDataTableItem.vue'
 
 export default {
     title: 'Data Tables/DataTable',
@@ -10,7 +11,7 @@ export default {
     }
 }
 
-const Template = (args, { argTypes }) => ({
+const Template = (args:any, { argTypes }:{ argTypes:any }) => ({
     props: Object.keys(argTypes),
     components:  {PsDataTable},
     template: `
@@ -20,7 +21,7 @@ const Template = (args, { argTypes }) => ({
         `
 })
 
-const RichTemplate = (args, { argTypes } ) => ({
+const RichTemplate = (args:any, { argTypes }:{ argTypes:any } ) => ({
     props: Object.keys(argTypes),
     components: {PsDataTable, PsDataTableItem},
     template: `
@@ -34,6 +35,7 @@ const RichTemplate = (args, { argTypes } ) => ({
 
 
 export const Simple = Template.bind({})
+// @ts-ignore
 Simple.args = {
     header: ['year', 'month', 'sale'],
     data: [{ year: '1992', month: '12', sale: '1000.00' }, { year: '1989', month: '02', sale: '1200.00' }],
@@ -42,6 +44,7 @@ Simple.args = {
 }
 
 export const Rich = RichTemplate.bind({})
+// @ts-ignore
 Rich.args = {
     header: ['header 1', 'header 2', 'header 3'],
     data:[[ [ 20, -3],  [  20,  2], [  20,  2] ], { header4: { value: 20, delta: 2}, header5: { value: 20, delta: 2}, header6: { value: 20, delta: 2} }],

package/{src/stories/DateCardInfo.stories.js → doc/src/stories/DateCardInfo.stories.ts}

@@ -1,11 +1,11 @@
-import PsDateCardInfo from '../components/badges-and-tags/PsDateCardInfo.vue'
+import PsDateCardInfo from '../../../src/components/badges-and-tags/PsDateCardInfo.vue'
 
 export default {
     title: 'Components/DateCardInfo',
     component: PsDateCardInfo,
   }
 
-  const Template = (args,{argTypes}) => ({
+  const Template = (args:any, {argTypes}:{argTypes:any}) => ({
     props: Object.keys(argTypes),
     components:{PsDateCardInfo},
     template: `
@@ -18,7 +18,3 @@ export default {
 }) 
 
 export const Default = Template.bind({})
-
-Default.args = {
-  date: '2021/02/23'
-}

package/{src/stories/Dialog.stories.js → doc/src/stories/Dialog.stories.ts}

@@ -1,10 +1,10 @@
-import PsDialog from '../components/notifications/PsDialog.vue'
+import PsDialog from '../../../src/components/notifications/PsDialog.vue'
 
 export default {
   title: 'Notifications/Dialog',
   component: PsDialog,
 }
-
+// @ts-ignore
 const TemplateExamples = (args, { argTypes }) => ({
   props: Object.keys(argTypes),
   components: { PsDialog },

package/{src/stories/Draggable.stories.js → doc/src/stories/Draggable.stories.ts}

@@ -1,10 +1,10 @@
-import PsDraggable from '../components/controls/PsDraggable.vue'
+import PsDraggable from '../../../src/components/controls/PsDraggable.vue'
 
 export default {
   title: 'Controls & Selectors/Draggable',
   component: PsDraggable 
 }
-
+// @ts-ignore
 const Template = (args, {argTypes}) => ({
   props: Object.keys(argTypes),
   components: { PsDraggable },
@@ -16,6 +16,7 @@ const Template = (args, {argTypes}) => ({
 })
 
 export const Component = Template.bind({})
+// @ts-ignore
 Component.args = {
   getColumns: {columnGroups:[{title: 'COST EFFECTIVENESS', columns: [ 'Item 1' , 'Item 2' , 'Item 3', 'Item 4']}, {title: 'PER HOME RESULTS', columns: [ 'Item 1' , 'Item 2' , 'Item 3', 'Item 4']}]},
   module: 'comparison'

package/{src/stories/Dropdown.stories.js → doc/src/stories/Dropdown.stories.ts}

@@ -1,10 +1,10 @@
-import PsDropdown from '../components/forms/PsDropdown.vue'
-import PsDropdownList from '../components/forms/PsDropdownList.vue'
+import PsDropdown from '../../../src/components/forms/PsDropdown.vue'
+import PsDropdownList from '../../../src/components/forms/PsDropdownList.vue'
 export default {
   title: 'Components/Dropdown',
   component: { PsDropdown, PsDropdownList },
 }
-
+// @ts-ignore
 const Template = (args, { argTypes }) => ({
   props: Object.keys(argTypes),
   components: { PsDropdown, PsDropdownList },
@@ -87,6 +87,7 @@ const Template = (args, { argTypes }) => ({
 })
 
 export const DropdownMenu = Template.bind({})
+// @ts-ignore
 DropdownMenu.args = {
   items: [
     'Selectable option 01',

package/{src/stories/DropdownList.stories.js → doc/src/stories/DropdownList.stories.ts}

@@ -1,4 +1,5 @@
-import PsDropdownList, { itemStyle } from '../components/forms/PsDropdownList.vue'
+// @ts-ignore
+import PsDropdownList, { itemStyle } from '../../../src/components/forms/PsDropdownList.vue'
 export default {
   title: 'Components/Dropdown/Dropdown List',
   component: { PsDropdownList },
@@ -17,7 +18,7 @@ export default {
     }
   }
 }
-
+// @ts-ignore
 const Template = (args, { argTypes }) => ({
   props: Object.keys(argTypes),
   components: { PsDropdownList },
@@ -205,6 +206,7 @@ const studyData = {
 }
 
 export const DropdownList = Template.bind({})
+// @ts-ignore
 DropdownList.args = {
   items: onlyTextItems,
   study_data: studyData,

package/{src/stories/ElevationSystem.stories.mdx → doc/src/stories/ElevationSystem.mdx}

@@ -1,4 +1,4 @@
-import { Canvas, Meta, Story } from '@storybook/addon-docs';
+import { Meta, Story } from '@storybook/addon-docs';
 
 <Meta title="Elevation system" />
 

package/{src/stories/HighlightRippleDot.stories.js → doc/src/stories/HighlightRippleDot.stories.ts}

@@ -1,10 +1,10 @@
-import PsHighlightRippleDot from '../components/badges-and-tags/PsHighlightRippleDot.vue'
+import PsHighlightRippleDot from '../../../src/components/badges-and-tags/PsHighlightRippleDot.vue'
 
 export default {
   title: 'Badges & Tags/Badges/HighlightRippleDot',
   component: PsHighlightRippleDot,
 }
-
+// @ts-ignore
 const Template = (args, { argTypes }) => ({
   props: Object.keys(argTypes),
   components: { PsHighlightRippleDot },
@@ -12,4 +12,5 @@ const Template = (args, { argTypes }) => ({
 })
 
 export const HighlightRippleDot = Template.bind({})
+// @ts-ignore
 HighlightRippleDot.args = {}

package/{src/stories/Icon.stories.js → doc/src/stories/Icon.stories.ts}

@@ -1,4 +1,4 @@
-import PsIcon from '../components/ui/PsIcon.vue'
+import PsIcon from '../../../src/components/ui/PsIcon.vue'
 
 export default {
     title: 'Components/Icon',
@@ -6,6 +6,7 @@ export default {
     argTypes: {},
   }
   
+  // @ts-ignore
   const Template = (args, { argTypes }) => ({
     props: Object.keys(argTypes),
     components: { PsIcon },
@@ -18,4 +19,5 @@ export default {
   })
   
   export const IconSimple = Template.bind({})
+  // @ts-ignore
   IconSimple.args = {}

package/{src/stories/InlineSelector.stories.js → doc/src/stories/InlineSelector.stories.ts}

@@ -1,11 +1,11 @@
-import PsInlineSelector from '../components/controls/PsInlineSelector.vue'
+import PsInlineSelector from '../../../src/components/controls/PsInlineSelector.vue'
 
 export default {
   title: 'Controls & Selectors/InlineSelector',
   component: PsInlineSelector,
 }
 
-const TemplateDefault = (args, {argTypes}) => ({
+const TemplateDefault = (args:any, {argTypes}:{argTypes:any}) => ({
   props: Object.keys(argTypes),
   components: {PsInlineSelector},
   template: `

package/{src/stories/Input.stories.js → doc/src/stories/Input.stories.ts}

@@ -1,4 +1,4 @@
-import PsInput from '../components/forms/PsInput.vue'
+import PsInput from '../../../src/components/forms/PsInput.vue'
 export default {
   title: 'Text fields & Forms/Input',
   component: PsInput,
@@ -7,7 +7,7 @@ export default {
     required: { control: 'boolean' },
   },
 }
- 
+ // @ts-ignore
 const TemplateInputText = (args, { argTypes }) => ({
   props: Object.keys(argTypes),
   components: { PsInput },
@@ -79,7 +79,7 @@ const TemplateInputText = (args, { argTypes }) => ({
     </div>
   `
 })
- 
+ // @ts-ignore
 const TemplateInputPassword = (args, { argTypes }) => ({
   props: Object.keys(argTypes),
   components: { PsInput },
@@ -183,7 +183,7 @@ const TemplateInputPassword = (args, { argTypes }) => ({
     </div>
   `
 })
- 
+ // @ts-ignore
 const TemplateSlots = (args, { argTypes }) => ({
   props: Object.keys(argTypes),
   components: { PsInput },
@@ -212,6 +212,7 @@ const TemplateSlots = (args, { argTypes }) => ({
 })
  
 export const InputText = TemplateInputText.bind({})
+// @ts-ignore
 InputText.args = {
   label: 'Input Text',
   placeholder: 'Placeholder',
@@ -222,6 +223,7 @@ InputText.args = {
 }
  
 export const InputPassword = TemplateInputPassword.bind({})
+// @ts-ignore
 InputPassword.args = {
   type: 'password',
   label: 'Password',
@@ -231,6 +233,7 @@ InputPassword.args = {
 }
  
 export const InputSlots = TemplateSlots.bind({})
+// @ts-ignore
 InputSlots.args = {
   label: 'Label',
   placeholder: 'Placeholder',

package/{src/stories/InputSelect.stories.js → doc/src/stories/InputSelect.stories.ts}

@@ -1,10 +1,10 @@
-import PsInputSelect from '../components/forms/PsInputSelect.vue'
+import PsInputSelect from '../../../src/components/forms/PsInputSelect.vue'
 
 export default {
   title: 'Text fields & Forms/InputSelect',
   component: PsInputSelect
 }
-
+// @ts-ignore
 const TemplateDefault = (args, {argTypes})=> ({
     props: Object.keys(argTypes),
     components: {PsInputSelect},
@@ -25,6 +25,7 @@ const TemplateDefault = (args, {argTypes})=> ({
 })
 
 export const Default = TemplateDefault.bind({})
+// @ts-ignore
 Default.args = {
     items: [{title:'Text 1', value:'Value 1'}, {title:'Text 2', value:'Value 2'}]
 }

package/{src/stories/InputTextArea.stories.js → doc/src/stories/InputTextArea.stories.ts}

@@ -1,11 +1,11 @@
-import PsInputTextArea from '../components/forms/PsInputTextArea.vue'
+import PsInputTextArea from '../../../src/components/forms/PsInputTextArea.vue'
 
 export default {
   title: 'Text fields & Forms/Input Textarea',
   component: PsInputTextArea,
 }
 
-const Template = (args, {argTypes}) => ({
+const Template = (args:any, {argTypes}:{argTypes:any}) => ({
   props: Object.keys(argTypes),
   components: {PsInputTextArea},
   template: `

package/{src/stories/Introduction.stories.mdx → doc/src/stories/Introduction.mdx}

@@ -1,4 +1,4 @@
-import { Meta } from '@storybook/addon-docs';
+import { Meta } from "@storybook/blocks";
 import Code from './assets/code-brackets.svg';
 import Colors from './assets/colors.svg';
 import Comments from './assets/comments.svg';
@@ -10,7 +10,104 @@ import StackAlt from './assets/stackalt.svg';
 
 <Meta title="Policy Studio" />
 
-<style>{`
+#Welcome to UI Explorer
+
+Storybook helps you build UI components in isolation from your app's business logic, data, and context.
+That makes it easy to develop hard-to-reach states. Save these UI states as **stories** to revisit during development, testing, or QA.
+
+Browse example stories now by navigating to them in the sidebar.
+View their code in the `src/stories` directory to learn how they work.
+We recommend building UIs with a [**component-driven**](https://componentdriven.org) process starting with atomic components and ending with pages.
+
+<div className="subheading">Configure</div>
+
+<div className="link-list">
+  <a
+    className="link-item"
+    href="https://storybook.js.org/docs/react/addons/addon-types"
+    target="_blank"
+  >
+    <img src={Plugin} alt="plugin" />
+    <span>
+      <strong>Presets for popular tools</strong>
+      Easy setup for TypeScript, SCSS and more.
+    </span>
+  </a>
+  <a
+    className="link-item"
+    href="https://storybook.js.org/docs/react/configure/webpack"
+    target="_blank"
+  >
+    <img src={StackAlt} alt="Build" />
+    <span>
+      <strong>Build configuration</strong>
+      How to customize webpack and Babel
+    </span>
+  </a>
+  <a
+    className="link-item"
+    href="https://storybook.js.org/docs/react/configure/styling-and-css"
+    target="_blank"
+  >
+    <img src={Colors} alt="colors" />
+    <span>
+      <strong>Styling</strong>
+      How to load and configure CSS libraries
+    </span>
+  </a>
+  <a
+    className="link-item"
+    href="https://storybook.js.org/docs/react/get-started/setup#configure-storybook-for-your-stack"
+    target="_blank"
+  >
+    <img src={Flow} alt="flow" />
+    <span>
+      <strong>Data</strong>
+      Providers and mocking for data libraries
+    </span>
+  </a>
+</div>
+
+<div className="subheading">Learn</div>
+
+<div className="link-list">
+  <a className="link-item" href="https://storybook.js.org/docs" target="_blank">
+    <img src={Repo} alt="repo" />
+    <span>
+      <strong>Storybook documentation</strong>
+      Configure, customize, and extend
+    </span>
+  </a>
+  <a className="link-item" href="https://storybook.js.org/tutorials/" target="_blank">
+    <img src={Direction} alt="direction" />
+    <span>
+      <strong>In-depth guides</strong>
+      Best practices from leading teams
+    </span>
+  </a>
+  <a className="link-item" href="https://github.com/storybookjs/storybook" target="_blank">
+    <img src={Code} alt="code" />
+    <span>
+      <strong>GitHub project</strong>
+      View the source and add issues
+    </span>
+  </a>
+  <a className="link-item" href="https://discord.gg/storybook" target="_blank">
+    <img src={Comments} alt="comments" />
+    <span>
+      <strong>Discord chat</strong>
+      Chat with maintainers and the community
+    </span>
+  </a>
+</div>
+
+<div className="tip-wrapper">
+  <span className="tip">Tip</span>
+  <code>src/stories/Introduction.stories.mdx</code>
+</div>
+
+<style>
+{`
   .subheading {
     --mediumdark: '#999999';
     font-weight: 900;
@@ -110,102 +207,5 @@ import StackAlt from './assets/stackalt.svg';
     font-size: 12px;
     display: inline-block;
   }
-
-  
-`}</style>
-
-# Welcome to UI Explorer
-
-Storybook helps you build UI components in isolation from your app's business logic, data, and context.
-That makes it easy to develop hard-to-reach states. Save these UI states as **stories** to revisit during development, testing, or QA.
-
-Browse example stories now by navigating to them in the sidebar.
-View their code in the `src/stories` directory to learn how they work.
-We recommend building UIs with a [**component-driven**](https://componentdriven.org) process starting with atomic components and ending with pages.
-
-<div className="subheading">Configure</div>
-
-<div className="link-list">
-  <a
-    className="link-item"
-    href="https://storybook.js.org/docs/react/addons/addon-types"
-    target="_blank"
-  >
-    <img src={Plugin} alt="plugin" />
-    <span>
-      <strong>Presets for popular tools</strong>
-      Easy setup for TypeScript, SCSS and more.
-    </span>
-  </a>
-  <a
-    className="link-item"
-    href="https://storybook.js.org/docs/react/configure/webpack"
-    target="_blank"
-  >
-    <img src={StackAlt} alt="Build" />
-    <span>
-      <strong>Build configuration</strong>
-      How to customize webpack and Babel
-    </span>
-  </a>
-  <a
-    className="link-item"
-    href="https://storybook.js.org/docs/react/configure/styling-and-css"
-    target="_blank"
-  >
-    <img src={Colors} alt="colors" />
-    <span>
-      <strong>Styling</strong>
-      How to load and configure CSS libraries
-    </span>
-  </a>
-  <a
-    className="link-item"
-    href="https://storybook.js.org/docs/react/get-started/setup#configure-storybook-for-your-stack"
-    target="_blank"
-  >
-    <img src={Flow} alt="flow" />
-    <span>
-      <strong>Data</strong>
-      Providers and mocking for data libraries
-    </span>
-  </a>
-</div>
-
-<div className="subheading">Learn</div>
-
-<div className="link-list">
-  <a className="link-item" href="https://storybook.js.org/docs" target="_blank">
-    <img src={Repo} alt="repo" />
-    <span>
-      <strong>Storybook documentation</strong>
-      Configure, customize, and extend
-    </span>
-  </a>
-  <a className="link-item" href="https://storybook.js.org/tutorials/" target="_blank">
-    <img src={Direction} alt="direction" />
-    <span>
-      <strong>In-depth guides</strong>
-      Best practices from leading teams
-    </span>
-  </a>
-  <a className="link-item" href="https://github.com/storybookjs/storybook" target="_blank">
-    <img src={Code} alt="code" />
-    <span>
-      <strong>GitHub project</strong>
-      View the source and add issues
-    </span>
-  </a>
-  <a className="link-item" href="https://discord.gg/storybook" target="_blank">
-    <img src={Comments} alt="comments" />
-    <span>
-      <strong>Discord chat</strong>
-      Chat with maintainers and the community
-    </span>
-  </a>
-</div>
-
-<div className="tip-wrapper">
-  <span className="tip">Tip</span>Edit the Markdown in{' '}
-  <code>src/stories/Introduction.stories.mdx</code>
-</div>
+`}
+</style>

package/{src/stories/MiniTag.stories.js → doc/src/stories/MiniTag.stories.ts}

@@ -1,6 +1,8 @@
+
 import PsMiniTag, {
+  // @ts-ignore
   typeOptions,
-} from '../components/badges-and-tags/PsMiniTag.vue'
+} from '../../../src/components/badges-and-tags/PsMiniTag.vue'
 
 export default {
   title: 'Badges & Tags/Tags/Mini Tag',
@@ -14,7 +16,7 @@ export default {
     },
   },
 }
-
+// @ts-ignore
 const Template = (args, { argTypes }) => ({
   props: Object.keys(argTypes),
   components: { PsMiniTag },
@@ -22,30 +24,35 @@ const Template = (args, { argTypes }) => ({
 })
 
 export const Info = Template.bind({})
+// @ts-ignore
 Info.args = {
   layout: 'info',
   message: 'This is an info alert',
 }
 
 export const Success = Template.bind({})
+// @ts-ignore
 Success.args = {
   layout: 'success',
   message: 'This is a success alert',
 }
 
 export const Warning = Template.bind({})
+// @ts-ignore
 Warning.args = {
   layout: 'warning',
   message: 'This is a warning alert',
 }
 
 export const Error = Template.bind({})
+// @ts-ignore
 Error.args = {
   layout: 'error',
   message: 'This is an error alert',
 }
 
 export const Default = Template.bind({})
+// @ts-ignore
 Default.args = {
   layout: 'default',
   message: 'This is a default color',

package/{src/stories/ProgressBar.stories.js → doc/src/stories/ProgressBar.stories.ts}

@@ -1,4 +1,4 @@
-import PsProgressBar from '../components/badges-and-tags/PsProgressBar.vue'
+import PsProgressBar from '../../../src/components/badges-and-tags/PsProgressBar.vue'
 
 export default {
   title: 'Badges & Tags/Badges/ProgressBar',
@@ -12,7 +12,7 @@ export default {
     },
   },
 }
-
+// @ts-ignore
 const TemplateDefault = (args, { argTypes }) => ({
   props: Object.keys(argTypes),
   components: { PsProgressBar },
@@ -20,4 +20,5 @@ const TemplateDefault = (args, { argTypes }) => ({
 })
 
 export const Default = TemplateDefault.bind({})
+// @ts-ignore
 Default.args = {}

package/{src/stories/RadioButton.stories.js → doc/src/stories/RadioButton.stories.ts}

@@ -1,10 +1,10 @@
-import PsRadioButton from '../components/controls/PsRadioButton.vue'
+import PsRadioButton from '../../../src/components/controls/PsRadioButton.vue'
 
 export default {
   title: 'Controls & Selectors/Radio Button',
   component: PsRadioButton,
  }
-
+// @ts-ignore
  const DefaultTemplate = (args,{ argTypes}) => ({
    props: Object.keys(argTypes),
    components: { PsRadioButton},

package/{src/stories/RadioButtonSimple.stories.js → doc/src/stories/RadioButtonSimple.stories.ts}

@@ -1,11 +1,11 @@
-import PsRadioButtonSimple from '../components/controls/PsRadioButtonSimple.vue'
+import PsRadioButtonSimple from '../../../src/components/controls/PsRadioButtonSimple.vue'
 
 export default {
     title: 'Text fields & Forms/Inputs V2/RadioButton',
     component: PsRadioButtonSimple,
   }
 
-  const defaultTemplate = (args, {argTypes}) => ({
+  const defaultTemplate = (args:any, {argTypes}:{argTypes:any}) => ({
     props: Object.keys(argTypes),
     components: { PsRadioButtonSimple },
     data: () => ({

package/{src/stories/SimpleAlert.stories.js → doc/src/stories/SimpleAlert.stories.ts}

@@ -1,10 +1,10 @@
-import PsSimpleAlert from '../components/notifications/PsSimpleAlert.vue'
+import PsSimpleAlert from '../../../src/components/notifications/PsSimpleAlert.vue'
 
 export default {
     title: 'Notifications/Simple Alert',
     component: PsSimpleAlert,
   }
-
+// @ts-ignore
   const TemplateDefault = (args, { argTypes }) => ({
     props: Object.keys(argTypes),
     components: { PsSimpleAlert },
@@ -16,6 +16,7 @@ export default {
   })
   
   export const Default = TemplateDefault.bind({})
+  // @ts-ignore
   Default.args = {
     message:'lorem'
   }