@iamproperty/components 7.0.0 → 7.1.0--beta2

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>
+      <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'
+  export default {
+    name: 'Logo',
+    props: {
+      id: {
+        type: String,
+        required: false,
+        default: 'property',
+      },
+      path: {
+        type: String,
+        required: false,
+        default: '/svg/logo.svg',
+      },
+      desc: {
+        type: String,
+      },
     },
-    path: {
-      type: String,
-      required: false,
-      default: '/svg/logo.svg'
+    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;
+      },
     },
-    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

@@ -6,12 +6,13 @@
 
 ### 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. |
+| 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

package/src/helpers/strings.js

@@ -1,12 +1,15 @@
-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){
-
+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,'');
+  str = str.replace(/\W/g, '');
 
   return str;
-}
+};

package/src/index.js

@@ -1,36 +1,35 @@
 // Foundations
-export { default as Logo } from './foundations/Logo/Logo.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 FileUpload } from './components/FileUpload/FileUpload.vue'
+export { default as Table } from './components/Table/Table.vue';
+export { default as Input } from './components/Input/Input.vue';
+export { default as FileUpload } from './components/FileUpload/FileUpload.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 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 Timeline } from './components/Timeline/Timeline.vue'
-export { default as PropertySearchbar } from './components/PropertySearchbar/PropertySearchbar.vue'
-export { default as Nav } from './components/Nav/Nav.vue'
+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 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 Timeline } from './components/Timeline/Timeline.vue';
+export { default as PropertySearchbar } from './components/PropertySearchbar/PropertySearchbar.vue';
+export { default as Nav } from './components/Nav/Nav.vue';
 
-export { default as Stepper } from './components/Stepper/Stepper.vue'
-export { default as Snapshot } from './components/Snapshot/Snapshot.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 NoteFeed } from './components/NoteFeed/NoteFeed.vue'
+export { default as Stepper } from './components/Stepper/Stepper.vue';
+export { default as Snapshot } from './components/Snapshot/Snapshot.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 NoteFeed } from './components/NoteFeed/NoteFeed.vue';
 
-export { default as AppliedFilters } from './components/AppliedFilters/AppliedFilters.vue'
-export { default as Filterlist } from './components/Filterlist/Filterlist.vue'
+export { default as AppliedFilters } from './components/AppliedFilters/AppliedFilters.vue';
+export { default as Filterlist } from './components/Filterlist/Filterlist.vue';
 
-export { default as Notification } from './components/Notification/Notification.vue'
+export { default as Notification } from './components/Notification/Notification.vue';
 
-export { default as Actionbar } from './components/Actionbar/Actionbar.vue'
-export { default as Pagination } from './components/Pagination/Pagination.vue'
-export { default as AddressLookup } from './components/AddressLookup/AddressLookup.vue'
+export { default as Actionbar } from './components/Actionbar/Actionbar.vue';
+export { default as Pagination } from './components/Pagination/Pagination.vue';
+export { default as AddressLookup } from './components/AddressLookup/AddressLookup.vue';
 
-
-export { default as CollapsibleSideMenu } from './components/CollapsibleSideMenu/CollapsibleSideMenu.vue'
+export { default as CollapsibleSideMenu } from './components/CollapsibleSideMenu/CollapsibleSideMenu.vue';

package/src/vue-shim.d.ts

@@ -1,6 +1,6 @@
-declare module "*.vue" {
-  import { DefineComponent } from 'vue'
+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
+  const component: DefineComponent<{}, {}, any>;
+  export default component;
 }