@iamproperty/components 7.2.0 → 7.2.1--beta2

package/package.json

@@ -5,7 +5,7 @@
     "name": "iamproperty"
   },
   "private": false,
-  "version": "7.2.0",
+  "version": "7.2.1--beta2",
   "scripts": {
     "temp": "rollup --environment COMPONENT:carousel --config rollup-component.config.cjs --sourcemap",
     "reload": "vite --host",

package/src/components/Table/TableAjax.vue

@@ -0,0 +1,34 @@
+<template>
+  <iam-table-ajax>
+    <slot name="before"></slot>
+    <slot></slot>
+  </iam-table-ajax>
+</template>
+
+<script>
+  import { ucfirst, unsnake } from '../../helpers/strings';
+
+  export default {
+    created() {
+      this.$nextTick(function () {
+        import(`../../../assets/js/components/table-ajax/table-ajax.component.min.js`)
+          .then((module) => {
+            if (!window.customElements.get(`iam-table-ajax`))
+              window.customElements.define(`iam-table-ajax`, module.default);
+          })
+          .catch((err) => {
+            console.log(err.message);
+          });
+
+        import(`../../../assets/js/components/pagination/pagination.component.min.js`)
+          .then((module) => {
+            if (!window.customElements.get(`iam-pagination`))
+              window.customElements.define(`iam-pagination`, module.default);
+          })
+          .catch((err) => {
+            console.log(err.message);
+          });
+      });
+    },
+  };
+</script>

package/src/components/Table/TableBasic.vue

@@ -0,0 +1,34 @@
+<template>
+  <iam-table-basic>
+    <slot name="before"></slot>
+    <slot></slot>
+  </iam-table-basic>
+</template>
+
+<script>
+  import { ucfirst, unsnake } from '../../helpers/strings';
+
+  export default {
+    created() {
+      this.$nextTick(function () {
+        import(`../../../assets/js/components/table-basic/table-basic.component.min.js`)
+          .then((module) => {
+            if (!window.customElements.get(`iam-table-basic`))
+              window.customElements.define(`iam-table-basic`, module.default);
+          })
+          .catch((err) => {
+            console.log(err.message);
+          });
+
+        import(`../../../assets/js/components/pagination/pagination.component.min.js`)
+          .then((module) => {
+            if (!window.customElements.get(`iam-pagination`))
+              window.customElements.define(`iam-pagination`, module.default);
+          })
+          .catch((err) => {
+            console.log(err.message);
+          });
+      });
+    },
+  };
+</script>

package/src/components/Table/TableNoSubmit.vue

@@ -0,0 +1,34 @@
+<template>
+  <iam-table-no-submit>
+    <slot name="before"></slot>
+    <slot></slot>
+  </iam-table-no-submit>
+</template>
+
+<script>
+  import { ucfirst, unsnake } from '../../helpers/strings';
+
+  export default {
+    created() {
+      this.$nextTick(function () {
+        import(`../../../assets/js/components/table-no-submit/table-no-submit.component.min.js`)
+          .then((module) => {
+            if (!window.customElements.get(`iam-table-no-submit`))
+              window.customElements.define(`iam-table-no-submit`, module.default);
+          })
+          .catch((err) => {
+            console.log(err.message);
+          });
+
+        import(`../../../assets/js/components/pagination/pagination.component.min.js`)
+          .then((module) => {
+            if (!window.customElements.get(`iam-pagination`))
+              window.customElements.define(`iam-pagination`, module.default);
+          })
+          .catch((err) => {
+            console.log(err.message);
+          });
+      });
+    },
+  };
+</script>

package/src/components/Table/TableSubmit.vue

@@ -0,0 +1,34 @@
+<template>
+  <iam-table-submit>
+    <slot name="before"></slot>
+    <slot></slot>
+  </iam-table-submit>
+</template>
+
+<script>
+  import { ucfirst, unsnake } from '../../helpers/strings';
+
+  export default {
+    created() {
+      this.$nextTick(function () {
+        import(`../../../assets/js/components/table-submit/table-submit.component.min.js`)
+          .then((module) => {
+            if (!window.customElements.get(`iam-table-submit`))
+              window.customElements.define(`iam-table-submit`, module.default);
+          })
+          .catch((err) => {
+            console.log(err.message);
+          });
+
+        import(`../../../assets/js/components/pagination/pagination.component.min.js`)
+          .then((module) => {
+            if (!window.customElements.get(`iam-pagination`))
+              window.customElements.define(`iam-pagination`, module.default);
+          })
+          .catch((err) => {
+            console.log(err.message);
+          });
+      });
+    },
+  };
+</script>

package/src/components/Table/Table.spec.js

@@ -1,47 +0,0 @@
-import { mount } from '@vue/test-utils';
-import Table from './Table.vue';
-
-describe('Table component', () => {
-  const test = mount(Table, {
-    propsData: {
-      fields: [{ key: 'name' }, { key: 'job' }, { key: 'address' }, { key: 'emergency_contact' }, { key: 'actions' }],
-      items: [
-        {
-          name: 'Derrick',
-          job: 'Electrician',
-          address: '5 King Street<br> London<br> London<br> SW20 0AL<br> United Kingdom',
-          emergency_contact: 'Susan',
-          actions: '<a href="#">View</a><br><a href="#">Point of Contact</a>',
-        },
-        {
-          name: 'Andrew',
-          job: 'Electrician',
-          address: '5 King Street<br> London<br> London<br> SW20 0AL<br> United Kingdom',
-          emergency_contact: 'Susan',
-          actions: '<a href="#">View</a><br><a href="#">Point of Contact</a>',
-        },
-        {
-          name: 'Rachel',
-          job: 'Electrician',
-          address: '5 King Street<br> London<br> London<br> SW20 0AL<br> United Kingdom',
-          emergency_contact: 'Susan',
-          actions: '<a href="#">View</a><br><a href="#">Point of Contact</a>',
-        },
-      ],
-      show: 2,
-    },
-  });
-
-  // On load
-  it('renders a thead', () => {
-    expect(test.find('thead').exists()).toBe(true);
-  });
-
-  it('renders a tbody', () => {
-    expect(test.find('tbody').exists()).toBe(true);
-  });
-
-  it('renders a table heading', () => {
-    expect(test.find('thead th').exists()).toBe(true);
-  });
-});