Dev to Master 11-11-2022 (#285)

* added new event called resetValue to start from 1 (#260)

* Fwf 1478 (#264)

* form search added

* sorting added

* Formio token remove (#265)

* removed token generation function

* fixed

* fixed lint errror

* updated readme

* updated package.json and lock

* removed consoles

* Fahad fwf1710 (#267)

* removed token generation function

* fixed

* fixed lint errror

* updated readme

* updated package.json and lock

* removed consoles

* taskhistory updated

* padding added for formviewsubmission

Co-authored-by: shuhaib-aot <[email protected]>

* fixed form list and submission (#268)

* 🐛 Fixed vue bugs (#270)

* fixed form list and submission

* updated pagination and form search

* console.log changed to console.error

* 🐛 modal close updated (#273)

* modal close updated

* Update CHANGELOG.md

* Update CHANGELOG.md

* sorting updated and warning removed

* 🐛 UI FIX 

* fixed form list and submission

* filter select bug fixed

* updated form with overflow

* Change log updated

* modal close updated

* Update CHANGELOG.md

* Create FormList.md

* Fahad aot patch 1 (#276)

* modal close updated

* Update CHANGELOG.md

* Create FormList.md

* added formloading

* LHS bugs fixed (#277)

* modal close updated

* Update CHANGELOG.md

* Create FormList.md

* added formloading

* Fwf1772 bugs fixed

* 🐛 Fixed displaying form under history tab. (#278)

* modal close updated

* Update CHANGELOG.md

* Create FormList.md

* added formloading

* Fwf1772 bugs fixed

* FWF-1765 fixed

* Fwf 1768 fixed

* cmnts removed

* Safari issue fix (#280)

* fixed form list and submission

* safari issue fix Regex issue

* Drop down fix (#281)

* fixed form list and submission

* safari issue fix Regex issue

* drop down issue fix and vue-formio package upgrade

* Blank space fix in mobile screen (#282)

* fixed form list and submission

* fixed extra blank space

* margin top added 3 when it was in small screen

* Issues fix 🐛 and bugs (#283)

* fixed form list and submission

* fixed in duplicate and filter name

* updated blank space issue

* Update CHANGELOG.md (#284)

Co-authored-by: fahad-aot <[email protected]>

camunda-formio-tasklist-vue/docs/CHANGELOG.md

@@ -1,5 +1,22 @@
 # Changes for camunda-formio-tasklist-vue
 
+
+## v1.1.4, 2022-11-11
+
+#### Modified
+- Added Form search and Form sorting
+- Removed formio token generation mechanism
+- Added Pagination from server side
+- Reduced props
+- Exported FormList component
+- Vue-formio package Upgraded
+- Chosen Filter will display now
+
+#### Fixes 
+- Fixed null value accept in the filter 
+- Fixed forms showing under the history tab
+- Fixed tasklist when expanding a task
+
 ## v1.1.3, 2022-07-12
 
 #### Modified

camunda-formio-tasklist-vue/docs/components/FormList.md

@@ -0,0 +1,26 @@
+# FormList Component
+
+Customised component for listing the forms. When use this component you can see a button with labeled "Form". By clicking the button you can view all the forms here in a modal .
+
+## Props
+
+| Name | Type |  Default | Description |
+| --- | --   | --- | ------- |
+|  bpmApiUrl:triangular_flag_on_post: | string | undefined | To specify the Camunda Rest API URL from which the TaskList is being generated. Use Camunda Rest API URL used in formsflow.ai installation.|
+|  token  :triangular_flag_on_post: | string | undefined | To pass the JWT token used for authorising TaskList component.|
+|  update-task:triangular_flag_on_post: | string | undefined | Function that emits when a Form submitted.|
+
+:triangular_flag_on_post:  - mandatory props to be passed
+
+## Usage
+
+```
+import FormList from "camunda-formio-tasklist-vue/src/components/form/FormList.vue";
+
+<FormList
+      :token="jwttoken"
+      :bpmApiUrl="configs.BPM_URL"
+      @update-task="updateCheck"
+    
+    />
+```

camunda-formio-tasklist-vue/docs/components/TaskList.md

@@ -9,14 +9,15 @@ solution in your Vue.js based project.
 | --- | --   | --- | ------- |
 |  bpmApiUrl :triangular_flag_on_post: | string | undefined | To specify the Camunda Rest API URL from which the TaskList is being generated. Use Camunda Rest API URL used in formsflow.ai installation.|
 |  token :triangular_flag_on_post:  | string | undefined | To pass the JWT token used for authorising TaskList component.|
-|  formIO :triangular_flag_on_post: | Object | `{  apiUrl:'',  resourceId:'', reviewerId:'',  reviewer:'', userRoles:'' }` | `apiUrl` 🚩 The URL of the form.io server for showing forms<br/> `resourceId` 🚩 User forms form-Id obtained from formio for role based access. <br/> `reviewerId` 🚩  User forms form-Id obtained from formio for role based access. <br/> `reviewer` 🚩 The group name passed to specify which user has access to the TaskList component. In formsflow.ai, it usually set as "formsflow-reviewer" <br/> `userRoles` 🚩 The valid FORMIO_ROLES as part of formio service. It should be passed as props to user |
 | formsflowaiApiUrl :triangular_flag_on_post: | string | undefined | The URL of the form-flow API  endpoint.|
+| reviewer :triangular_flag_on_post: | string | undefined | To specify the reviewer|
+| userRoles :triangular_flag_on_post: | Array | undefined | To set the user roles|
+| formioServerUrl :triangular_flag_on_post: | string | undefined | To set the formio url|
 | containerHeight | string | 100vh | Prop to adjust the height values of Vue component, in case of Vue component is too much for your integrated application. You can adjust the height from the range 100-400 |
 | taskSortBy | string | "created" | Prop to decide by default what value should the tasks be sorted when displayed at first. You can use the values like - "created", "dueDate", "follweowUpDate", "priority", "name", "assignee" |
 | taskSortOrder  | string | "desc" | Prop to decide by default what value should the tasks should be ordered when displayed at first. You can use the values like - "desc", "asc" |
 | taskDefaultFilterListNames | Array[string] | optional | Prop to set default filterNames to be available for the component and corresponding to it get the filtered Tasklist. `eg: ['Clerk Tasks', 'XYZ |
 | webSocketEncryptkey | string | "formflowai" | Specifies the secret key used to connect to webSocket endpoint for encrypting keys in the taskList |
-| formIOJwtSecret :triangular_flag_on_post: | string | "--- change me now ---" | Specifies the secret key used in forms-flow-forms server jwt secret |
 | disableComponents  | Object | `{filterList:false,  filterTask:false, sort:false, form:false}` | Prop to decide to disable the option from components. "filterList", "sort", "form": these are Header component. if you need to disable these option the value should be =true."filterTask" is on Left side. |
 | hideTaskDetails  | Object | ` {assignee:false, group:false, followUpDate:false, dueDate:false, createdDate:false}` | Prop to decide to hide the option from Task Details|
 | listItemCardStyle  | boolean |false |Prop to decide to make the list item in a card style |
@@ -31,15 +32,11 @@ import CamundaTasklist from "camunda-formio-tasklist-vue/src/components/TaskList
 <CamundaTasklist
   bpmApiUrl="https://somewebsite.com/camunda/engine-rest"
   token="eyJhbGciOiJSUzI1NiIsInR5cCIgOiAiSldUIiwia2lkIiA6ICJrYTFKalB6Vy1EaHNFSE9vd2NZVHRJdW9sR3FqT0NhN1NYV0RFc"
-  :formIO="{ 
-      apiUrl:'https://random.com/api', 
-      resourceId:'3242affds123adfa',
-      reviewerId:'123adsf123dafd1a', 
-      reviewer:'reviewer',
-      userRoles:["forms-flow"] 
-    }",
   formsflowaiUrl="https://yourwebsite.com"
   formsflowaiApiUrl="https://yourwebsite.com/api"
+  reviewer="reviewer"
+  userRoles="['forms-flow']"
+  formioServerUrl="https://example-formio.com"
   taskSortBy="priority"
   taskSortOrder="asc",
   :disableComponents="{filterList:false,  filterTask:false, sort:false, form:false}"