prop pagination

Author: michelle0927

components/clicktime/actions/create-job/create-job.mjs

@@ -54,28 +54,10 @@ export default {
       description: "Additional information related to the job",
       optional: true,
     },
-    limit: {
-      propDefinition: [
-        app,
-        "limit",
-      ],
-      optional: true,
-    },
-    offset: {
-      propDefinition: [
-        app,
-        "offset",
-      ],
-      optional: true,
-    },
     clientId: {
       propDefinition: [
         app,
         "clientId",
-        (c) => ({
-          offset: c.offset,
-          limit: c.limit,
-        }),
       ],
     },
     includeInRm: {

components/clicktime/actions/create-user/create-user.mjs

@@ -59,28 +59,10 @@ export default {
         "email",
       ],
     },
-    limit: {
-      propDefinition: [
-        app,
-        "limit",
-      ],
-      optional: true,
-    },
-    offset: {
-      propDefinition: [
-        app,
-        "offset",
-      ],
-      optional: true,
-    },
     employmentTypeId: {
       propDefinition: [
         app,
         "employmentTypeId",
-        (c) => ({
-          offset: c.offset,
-          limit: c.limit,
-        }),
       ],
       optional: true,
     },

components/clicktime/clicktime.app.mjs

@@ -49,12 +49,13 @@ export default {
       type: "string",
       label: "Client ID",
       description: "Unique identifier of the client associated with a job",
-      async options({
-        limit, offset,
-      }) {
+      async options({ page }) {
+        const limit = constants.DEFAULT_LIMIT;
         const response = await this.getClients({
-          limit,
-          offset,
+          params: {
+            limit,
+            offset: page * limit,
+          },
         });
         const clientIds = response.data;
         return clientIds.map(({
@@ -65,18 +66,6 @@ export default {
         }));
       },
     },
-    limit: {
-      type: "integer",
-      label: "Limit",
-      description: "The number of records to return",
-      optional: true,
-    },
-    offset: {
-      type: "integer",
-      label: "Offset",
-      description: "The number of records to skip",
-      optional: true,
-    },
     endDate: {
       type: "string",
       label: "End Date",
@@ -132,12 +121,13 @@ export default {
       type: "string",
       label: "Employment Type ID",
       description: "Unique identifier for the user's employment type",
-      async options({
-        limit, offset,
-      }) {
+      async options({ page }) {
+        const limit = constants.DEFAULT_LIMIT;
         const response = await this.getEmploymentTypes({
-          limit,
-          offset,
+          params: {
+            limit,
+            offset: page * limit,
+          },
         });
         const employmentTypeIds = response.data;
         return employmentTypeIds.map(({
@@ -195,27 +185,15 @@ export default {
         ...args,
       });
     },
-    async getClients({
-      limit, offset, ...args
-    }) {
+    async getClients(args = {}) {
       return this._makeRequest({
         path: "/Clients",
-        params: {
-          limit,
-          offset,
-        },
         ...args,
       });
     },
-    async getEmploymentTypes({
-      limit, offset, ...args
-    }) {
+    async getEmploymentTypes(args = {}) {
       return this._makeRequest({
         path: "/EmploymentTypes",
-        params: {
-          limit,
-          offset,
-        },
         ...args,
       });
     },

components/clicktime/common/constants.mjs

@@ -3,4 +3,5 @@ export default {
     "Hourly",
     "Salary",
   ],
+  DEFAULT_LIMIT: 20,
 };