@iamproperty/components 3.1.0 → 3.4.4

package/src/foundations/Icon/Icon.spec.js

@@ -1,24 +1,24 @@
-import { shallowMount } from '@vue/test-utils'
-import Icon from './Icon.vue'
-
-describe('Icon component', () => {
-  it('renders the email Icon by default', () => {
-    const test = shallowMount(Icon, {
-      propsData: { }
-    })
-
-    expect(test.html()).toContain('<title>email</title>')
-    expect(test.html()).toContain('<use xlink:href="/svg/icons.svg#icon-email"></use>')
-  })
-
-  it('renders the correct logo when an ID is passed', () => {
-    const test = shallowMount(Icon, {
-      propsData: {
-        id: 'pin'
-      }
-    })
-
-    expect(test.html()).toContain('<title>pin</title>')
-    expect(test.html()).toContain('<use xlink:href="/svg/icons.svg#icon-pin"></use>')
-  })
-})
+import { shallowMount } from '@vue/test-utils'
+import Icon from './Icon.vue'
+
+describe('Icon component', () => {
+  it('renders the email Icon by default', () => {
+    const test = shallowMount(Icon, {
+      propsData: { }
+    })
+
+    expect(test.html()).toContain('<title>email</title>')
+    expect(test.html()).toContain('<use xlink:href="/svg/icons.svg#icon-email"></use>')
+  })
+
+  it('renders the correct logo when an ID is passed', () => {
+    const test = shallowMount(Icon, {
+      propsData: {
+        id: 'pin'
+      }
+    })
+
+    expect(test.html()).toContain('<title>pin</title>')
+    expect(test.html()).toContain('<use xlink:href="/svg/icons.svg#icon-pin"></use>')
+  })
+})

package/src/foundations/Icon/Icon.vue

@@ -1,24 +1,24 @@
-<template>
-  <svg class="icon">
-    <title>{{id}}</title>
-    <use :xlink:href="path+'#icon-'+id"></use>
-  </svg>
-</template>
-
-<script>
-export default {
-  name: 'Icon',
-  props: {
-    id: {
-      type: String,
-      required: false,
-      default: 'email'
-    },
-    path: {
-      type: String,
-      required: false,
-      default: '/svg/icons.svg'
-    }
-  }
-}
-</script>
+<template>
+  <svg class="icon">
+    <title>{{id}}</title>
+    <use :xlink:href="path+'#icon-'+id"></use>
+  </svg>
+</template>
+
+<script>
+export default {
+  name: 'Icon',
+  props: {
+    id: {
+      type: String,
+      required: false,
+      default: 'email'
+    },
+    path: {
+      type: String,
+      required: false,
+      default: '/svg/icons.svg'
+    }
+  }
+}
+</script>

package/src/foundations/Icon/README.md

@@ -1,11 +1,11 @@
-### Usage
-
-```
-<Icon id="email"></Logo>
-```
-
-### Properties
-
-| Option | Type | Default Value | Description |
-| ------ | ---- | ------------- | ----------- |
-| id | String | property | This property declares which icon to choose from. See icon listing. |
+### Usage
+
+```
+<Icon id="email"></Logo>
+```
+
+### Properties
+
+| Option | Type | Default Value | Description |
+| ------ | ---- | ------------- | ----------- |
+| id | String | property | This property declares which icon to choose from. See icon listing. |

package/src/foundations/Logo/Logo.spec.js

@@ -1,56 +1,56 @@
-import { shallowMount } from '@vue/test-utils'
-import Logo from './Logo.vue'
-
-describe('Logo component', () => {
-  it('renders the iam property logo by default', () => {
-    const test = shallowMount(Logo, {
-      propsData: { }
-    })
-
-    expect(test.html()).toContain('<title>iam property</title>')
-    expect(test.html()).toContain('<use xlink:href="/svg/logo.svg#logo-property"></use>')
-  })
-
-  it('renders the correct logo when an ID is passed', () => {
-    const test = shallowMount(Logo, {
-      propsData: {
-        id: 'sold'
-      }
-    })
-
-    expect(test.html()).toContain('<title>iam sold</title>')
-    expect(test.html()).toContain('<use xlink:href="/svg/logo.svg#logo-sold"></use>')
-  })
-
-  it('renders a description when passed', () => {
-    const test = shallowMount(Logo, {
-      propsData: { }
-    })
-
-    expect(test.html()).not.toContain('<span></span>')
-
-    const test2 = shallowMount(Logo, {
-      propsData: {
-        desc: 'description'
-      }
-    })
-
-    expect(test2.html()).toContain('<span>description</span>')
-  })
-
-  it('background can be modified', () => {
-    const test = shallowMount(Logo, {
-      propsData: { }
-    })
-
-    expect(test.html()).not.toContain('<span></span>')
-
-    const test2 = shallowMount(Logo, {
-      propsData: {
-        desc: 'description'
-      }
-    })
-
-    expect(test2.html()).toContain('<span>description</span>')
-  })
-})
+import { shallowMount } from '@vue/test-utils'
+import Logo from './Logo.vue'
+
+describe('Logo component', () => {
+  it('renders the iam property logo by default', () => {
+    const test = shallowMount(Logo, {
+      propsData: { }
+    })
+
+    expect(test.html()).toContain('<title>iam property</title>')
+    expect(test.html()).toContain('<use xlink:href="/svg/logo.svg#logo-property"></use>')
+  })
+
+  it('renders the correct logo when an ID is passed', () => {
+    const test = shallowMount(Logo, {
+      propsData: {
+        id: 'sold'
+      }
+    })
+
+    expect(test.html()).toContain('<title>iam sold</title>')
+    expect(test.html()).toContain('<use xlink:href="/svg/logo.svg#logo-sold"></use>')
+  })
+
+  it('renders a description when passed', () => {
+    const test = shallowMount(Logo, {
+      propsData: { }
+    })
+
+    expect(test.html()).not.toContain('<span></span>')
+
+    const test2 = shallowMount(Logo, {
+      propsData: {
+        desc: 'description'
+      }
+    })
+
+    expect(test2.html()).toContain('<span>description</span>')
+  })
+
+  it('background can be modified', () => {
+    const test = shallowMount(Logo, {
+      propsData: { }
+    })
+
+    expect(test.html()).not.toContain('<span></span>')
+
+    const test2 = shallowMount(Logo, {
+      propsData: {
+        desc: 'description'
+      }
+    })
+
+    expect(test2.html()).toContain('<span>description</span>')
+  })
+})

package/src/foundations/Logo/Logo.vue

@@ -1,39 +1,39 @@
-<template>
-  <div :class="className">
-    <svg>
-      <title>iam {{id}}</title>
-      <use :xlink:href="path+src"></use>
-    </svg>
-    <span v-if="desc" v-html="desc"></span>
-  </div>
-</template>
-<script>
-export default {
-  name: 'Logo',
-  props: {
-    id: {
-      type: String,
-      required: false,
-      default: 'property'
-    },
-    path: {
-      type: String,
-      required: false,
-      default: '/svg/logo.svg'
-    },
-    desc: {
-      type: String
-    }
-  },
-  computed: {
-    src: function () {
-      // `this` points to the vm instance
-      return '#logo-' + this.id
-    },
-    className: function () {
-      // `this` points to the vm instance
-      return 'brand brand--' + this.id
-    }
-  }
-}
-</script>
+<template>
+  <div :class="className">
+    <svg>
+      <title>iam {{id}}</title>
+      <use :xlink:href="path+src"></use>
+    </svg>
+    <span v-if="desc" v-html="desc"></span>
+  </div>
+</template>
+<script>
+export default {
+  name: 'Logo',
+  props: {
+    id: {
+      type: String,
+      required: false,
+      default: 'property'
+    },
+    path: {
+      type: String,
+      required: false,
+      default: '/svg/logo.svg'
+    },
+    desc: {
+      type: String
+    }
+  },
+  computed: {
+    src: function () {
+      // `this` points to the vm instance
+      return '#logo-' + this.id
+    },
+    className: function () {
+      // `this` points to the vm instance
+      return 'brand brand--' + this.id
+    }
+  }
+}
+</script>

package/src/foundations/Logo/README.md

@@ -1,20 +1,20 @@
-### Usage
-
-```
-<Logo id="property" desc="the founders<br/>of iamsold"></Logo>
-```
-
-### Properties
-
-| Option | Type | Default Value | Description |
-| ------ | ---- | ------------- | ----------- |
-| id | String | property | This property declares which logo to choose from. |
-| desc | String | | Optional description will be added to the right of logo. For eaxmple 'the founders of iamsold' can be added to the right of the IAM property logo. |
-
-### ID Options
-- property
-- sold
-- medwaylaw
-- compliance
-- movebutler
-- key
+### Usage
+
+```
+<Logo id="property" desc="the founders<br/>of iamsold"></Logo>
+```
+
+### Properties
+
+| Option | Type | Default Value | Description |
+| ------ | ---- | ------------- | ----------- |
+| id | String | property | This property declares which logo to choose from. |
+| desc | String | | Optional description will be added to the right of logo. For eaxmple 'the founders of iamsold' can be added to the right of the IAM property logo. |
+
+### ID Options
+- property
+- sold
+- medwaylaw
+- compliance
+- movebutler
+- key

package/src/foundations/YoutubeVideo/README.md

@@ -1,11 +1,11 @@
-### Usage
-
-```
-<YoutubeVideo video="lROFZaJcVug" ></YoutubeVideo>
-```
-
-### Properties
-
-| Option | Type | Default Value | Description |
-| ------ | ---- | ------------- | ----------- |
-| video | String | property | Video id from youtube |
+### Usage
+
+```
+<YoutubeVideo video="lROFZaJcVug" ></YoutubeVideo>
+```
+
+### Properties
+
+| Option | Type | Default Value | Description |
+| ------ | ---- | ------------- | ----------- |
+| video | String | property | Video id from youtube |

package/src/foundations/YoutubeVideo/YoutubeVideo.vue

@@ -1,24 +1,24 @@
-<template>
-  <div class="youtube-embed ratio ratio-16x9" ref="wrapper">
-      <a :href="`https://www.youtube.com/watch?v=${video}`" target="_blank" title="Investments Video" :data-id="video">
-        <img :src="`https://img.youtube.com/vi/${video}/maxresdefault.jpg`" alt="">
-        <span class="btn btn-secondary">Play Video</span>
-      </a>
-  </div>
-</template>
-<script>
-import youtubeVideo from '../../../assets/js/modules/youtubevideo.js'
-
-export default {
-  name: 'YoutuveVideo',
-  props: {
-    video: {
-      type: String,
-      required: true
-    }
-  },
-  mounted(){
-    new youtubeVideo(this.$refs.wrapper);
-  }
-}
-</script>
+<template>
+  <div class="youtube-embed ratio ratio-16x9" ref="wrapper">
+      <a :href="`https://www.youtube.com/watch?v=${video}`" target="_blank" title="Investments Video" :data-id="video">
+        <img :src="`https://img.youtube.com/vi/${video}/maxresdefault.jpg`" alt="">
+        <span class="btn btn-secondary">Play Video</span>
+      </a>
+  </div>
+</template>
+<script>
+import youtubeVideo from '../../../assets/ts/modules/youtubevideo'
+
+export default {
+  name: 'YoutuveVideo',
+  props: {
+    video: {
+      type: String,
+      required: true
+    }
+  },
+  mounted(){
+    new youtubeVideo(this.$refs.wrapper);
+  }
+}
+</script>

package/src/helpers/strings.js

@@ -1,12 +1,12 @@
-export const ucfirst = (str) => str.charAt(0).toUpperCase() + str.slice(1)
-export const ucwords = (str) => str.split(' ').map(s => ucfirst(s)).join(' ')
-export const unsnake = (str) => str.replace(/_/g, ' ')
-export const snake = (str) => str.replace(/ /g, '_')
-export const safeID = function(str){
-
-  str = str.toLowerCase();
-  str = snake(str);
-  str = str.replace(/\W/g,'');
-
-  return str;
-}
+export const ucfirst = (str) => str.charAt(0).toUpperCase() + str.slice(1)
+export const ucwords = (str) => str.split(' ').map(s => ucfirst(s)).join(' ')
+export const unsnake = (str) => str.replace(/_/g, ' ')
+export const snake = (str) => str.replace(/ /g, '_')
+export const safeID = function(str){
+
+  str = str.toLowerCase();
+  str = snake(str);
+  str = str.replace(/\W/g,'');
+
+  return str;
+}

package/src/index.js

@@ -1,27 +1,27 @@
-// Foundations
-export { default as Icon } from './foundations/Icon/Icon.vue'
-export { default as Logo } from './foundations/Logo/Logo.vue'
-// Elements
-export { default as Table } from './elements/Table/Table.vue'
-export { default as Input } from './elements/Input/Input.vue'
-export { default as FileUploads } from './elements/FileUploads/FileUploads.vue'
-// Components
-export { default as Accordion } from './components/Accordion/Accordion.vue'
-export { default as AccordionItem } from './components/Accordion/AccordionItem.vue'
-export { default as Banner } from './components/Banner/Banner.vue'
-export { default as Card } from './elements/Card/Card.vue'
-export { default as CardDeck } from './components/CardDeck/CardDeck.vue'
-export { default as Carousel } from './components/Carousel/Carousel.vue'
-export { default as Header } from './components/Header/Header.vue'
-export { default as Testimonial } from './components/Testimonial/Testimonial.vue'
-export { default as PropertySearchbar } from './components/PropertySearchbar/PropertySearchbar.vue'
-export { default as Nav } from './components/Nav/Nav.vue'
-export { default as Drawer } from './components/Drawer/Drawer.vue'
-export { default as Modal } from './components/Modal/Modal.vue'
-
-export { default as Stepper } from './components/Stepper/Stepper.vue'
-export { default as Step } from './components/Stepper/Step.vue'
-export { default as Tabs } from './components/Tabs/Tabs.vue'
-export { default as Tab } from './components/Tabs/Tab.vue'
-export { default as Alert } from './components/Alert/Alert.vue'
-export { default as NoteFeed } from './components/NoteFeed/NoteFeed.vue'
+// Foundations
+export { default as Icon } from './foundations/Icon/Icon.vue'
+export { default as Logo } from './foundations/Logo/Logo.vue'
+// Elements
+export { default as Table } from './components/Table/Table.vue'
+export { default as Input } from './components/Input/Input.vue'
+export { default as FileUploads } from './components/FileUploads/FileUploads.vue'
+// Components
+export { default as Accordion } from './components/Accordion/Accordion.vue'
+export { default as AccordionItem } from './components/Accordion/AccordionItem.vue'
+export { default as Banner } from './components/Banner/Banner.vue'
+export { default as Card } from './components/Card/Card.vue'
+export { default as CardDeck } from './components/CardDeck/CardDeck.vue'
+export { default as Carousel } from './components/Carousel/Carousel.vue'
+export { default as Header } from './components/Header/Header.vue'
+export { default as Testimonial } from './components/Testimonial/Testimonial.vue'
+export { default as PropertySearchbar } from './components/PropertySearchbar/PropertySearchbar.vue'
+export { default as Nav } from './components/Nav/Nav.vue'
+export { default as Drawer } from './components/Drawer/Drawer.vue'
+export { default as Modal } from './components/Modal/Modal.vue'
+
+export { default as Stepper } from './components/Stepper/Stepper.vue'
+export { default as Step } from './components/Stepper/Step.vue'
+export { default as Tabs } from './components/Tabs/Tabs.vue'
+export { default as Tab } from './components/Tabs/Tab.vue'
+export { default as Alert } from './components/Alert/Alert.vue'
+export { default as NoteFeed } from './components/NoteFeed/NoteFeed.vue'

package/src/vue-shim.d.ts

@@ -1,6 +1,6 @@
-declare module "*.vue" {
-  import { DefineComponent } from 'vue'
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
-  const component: DefineComponent<{}, {}, any>
-  export default component
-}
+declare module "*.vue" {
+  import { DefineComponent } from 'vue'
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
+  const component: DefineComponent<{}, {}, any>
+  export default component
+}