Bve1-vue-components NPM

Vue Components

This repository contains Vue.js components written in Typescript that are shared between multiple projects.

ChangeLog

Each date represents each published version of the Vue Components library. Significant phrases like dates, components, properties are inside Quotation marks.

Date: 24 Jul,2023
- DigitalClock component added.
Date: 27 Jul,2023
- ESIList component added.
  - listHeaderLabel property added.
  - listHeaderClass property added.
  - listContainerClass property added.
  - items property added.
  - itemClass property added.
  - itemActiveClass property added.
  - noDataMessage property added.
Date: 28 Jul,2023
- Storybook related packages added.
Date: 01 Aug,2023
- ESIRRuleGenerator component added.
  - User selects inputs, and RRULE is computed.
Date: 02 Aug,2023
- Storybook related packages removed.
  - Facing some issue wrt installation of firefox within the docker.
  - ERROR: Playwright does not support firefox on debian12.
- ESIRRuleGenerator component updated.
  - Template is updated.
Date: 04 Aug,2023
- ESIRRuleGenerator component updated.
  - Modification to the import statement.
Date: 09 Aug,2023
- ESIRRuleGenerator component updated.
  - User provides an RRULE string, and the UI inputs are set based on the input.
  - Changes in UI inputs trigger RRULE re-computation.
  - The computed RRULE string now is emitted to the parent component and stored in a reactive property.
  - Stories added.
- ESIAssigneeDropdown component added.
  - Provides an option for selecting users by providing a drop-down list of user options.
  - Stories added.
Date: 10 Aug,2023
- ESIAssigneeDropdown component updated.
  - Invalid Prop type fixed.
  - Resolved Lint warnings in Stories file of the component by removing the unnecessary imports.
- ESIRRuleGenerator component updated.
  - Resolved Lint warnings in Stories file of the component by removing the unnecessary imports.
Date: 16 Aug,2023
- ESIAssigneeDropdown component updated.
  - Template code Clean-up.
Date: 17 Aug,2023
- ESITaskList component added.
  - Initial Commit of the Component.
Date: 22 Aug,2023
- ESIRRuleGenerator component updated.
  - displayRRuleAll prop added to control to control the display of the computed RRULE occurrences in the UI.
  - The selection for By Weekday and By Month will be shown in desired order in UI irrespective of order in which user selects these inputs.
  - Stories file is updated with addition of new prop and two new stories.
Date: 23 Aug,2023
- ESIRRuleGenerator component updated.
  - displayRRuleString and displayRRuleText props added to control the display of the computed RRULE String, RRULE Text in the UI.
  - Stories file is updated with addition of these two new props.
Date: 23 Aug,2023
- Storybook related packages have been included, and unit testing is currently being performed in the CI pipeline..
- Removed unused CSS and HTML in example_vue_project
Date: 25 Aug,2023
- global css updated with v-alert custom animation css
Date: 28 Aug,2023
- ESIFilter component added.
  - startDate property added.
  - endDate property added.
  - dateInterval property added. *ESIFilter Story book created
- Unused code in TheWelcome.vue component was removed.
- vuetify default button style updated
Date: 04 Sep,2023
- ESITaskList component is updated.
  - The functionality is changed to have a single input that may combine plain text and URL based on the feedback received on 24 Aug,2023.
  - If a URL appears in the text, it will be turned into an HTML link automatically with the option to access the URL in a new tab.
  - Stories file is accordingly updated based on the above changes.
Date: 06 Sep,2023
- ESIAssigneeDropdown component updated.
  - The component is updated to set different user in the dropdown, when the parent component triggers changes in the selected user.
Date: 26 Sep,2023
- ESIRRuleGenerator component updated.
  - The component has undergone a redesign, incorporating functionality improvements and user interface changes in line with Microsoft Team's offerings, based on feedback received on August 24, 2023.
  - Stories file is updated.
Date: 16 Oct,2023
- ESIRRuleGenerator component updated.
  - Exclusion of any mention of the start date in the customized RRULE text when the frequency type is Yearly.
  - Correction of the example RRULE String in TheWelcome.vue file by setting INTERVAL to 1 from 2.
  - Added luxon package as a dependency and @types/luxon as a dev dependency to the package-lock.json file.
  - Stories file is updated.
Date: 16 Oct,2023
- ESITaskList component updated.
  - Add task button is moved outside of the table and have it always visible right below the table which was the feedback during the UI review.
  - After a task is added, the Add task input field will remain visible, allowing the user to continue entering tasks without having to click the Add task button again. On Escape on an empty input field, the input field is hidden to show Add task button again.
  - Added the @click event to the task cell to allow users to edit the task by clicking on the cell directly.
  - During editing of the task content, when the Escape key is pressed, the task content will be reverted to its original state.
  - When editing of the task content, the @blur event listener will trigger when user clicks outside of the text field and the task content will automatically save.
  - The table header remains fixed, with configurable table height.
  - Stories file is updated.
Date: 17 Oct,2023
- ESITaskList component updated.
  - After adding a task, the vertical scroll is automatically moved to the bottom of the table.
  - Enhanced the event emissions for task addition, deletion, and editing in the addTask, deleteTask, and saveTask functions to send the added/deleted/edited task item along with the updated task list back to the parent component.
  - Reverted the @click event on the task cell to allow users to edit the task by clicking on the cell directly. This change was made to avoid a potential conflict, as enabling the @click event could both trigger the edit mode and open a URL if it's recognized as such.
Date: 30 Oct,2023
- ESITaskList component updated.
- The Search and Download features are added to allow users to perform task searches within the list and export the task list to a CSV file. These features can be enabled or disabled by setting the showSearchOption and showDownloadButton props, respectively.
- Stories file is updated.
Date: 03 Nov,2023
- ESITaskList component updated.
- The component now checks for duplicate tasks when editing and creating new tasks. If a task with the same content already exists, an error message displays, informing the user that the task already exists in the list.
- Added a character limit check for the task content. If the character limit exceeds 200, an error message is displayed, indicating that the character limit is exceeded.
- Updated the template so that Create and the new added Cancel buttons are shown just above the Add button.
Date: 06 Nov,2023
- ESITaskList component updated.
- The column widths are adjusted for the Input text field, Create and Cancel buttons to maintain a more consistent and organized layout on tablet-sized screens.
- The + Add button is hidden when the Input text field, Create and Cancel buttons are shown to provide a cleaner and more focused user experience on tablet-sized screens.
Date: 07 Nov,2023
- ESIAssigneeDropdown component updated.
- A custom event named user-typed is added to inform the parent component when the user types or changes the input.
Date: 09 Nov,2023
- ESIAssigneeDropdown component updated.
- A custom event named user-selected is added to emit the user object when a user is selected.
Date: 10 Nov,2023
- ESIRRuleGenerator component updated.
- Updated the template code to improve layout consistency, align elements, and enhance visual flow addressing issues with column widths especially on tablet-sized screens.
Date: 23 Nov,2023
- ESIRRuleGenerator component updated.
- The template code has been adjusted to address the issue where the display of the error message caused a minor upward shift of the duration value text field impacting its alignment.
Date: 24 Nov,2023
- ESITaskList component updated.
- Enabling task content editing on click for the entire table row or cell, while also allowing URL opening is implemented by distinguishing between edit and URL actions and improved parsing of task content.
- The Input text field, Create and Cancel buttons are hidden when the task is added to provide a cleaner and more focused user experience.
Date: 28 Nov,2023
- Code coverage has been implemented into all components.
Date: 29 Nov,2023
- ESITaskList component updated.
- The stories file is updated with additional stories, aiming to achieve a code coverage target of approximately 80%.
Date: 30 Nov,2023
- ESIRRuleGenerator component updated.
- The stories file is updated with additional stories, aiming to achieve a code coverage target of approximately 80%.
Date: 30 Nov,2023
- ESIAssigneeDropdown component updated.
- The stories file is updated with additional stories, aiming to achieve a code coverage target of approximately 80%.
Date: 01 Dec,2023
- ESIRRuleGenerator component updated.
- The stories file is updated with additional stories that focus on frequency change and related topics, aiming to achieve a code coverage over 85%.
Date: 08 Dec,2023
- ESIRRuleGenerator component updated.
- The stories file is refactored to reduce duplication by defining constants for the commonly used selectors and expected values and creating helper functions for repeated actions.
Date: 12 Dec,2023
- ESIRRuleGenerator, ESIAssigneeDropdown, ESITaskList, ESIList components updated.
- The lint errors in all the mentioned components have been resolved.
Date: 13 Dec,2023
- ESITaskList component updated.
- Fix to update the local copy of the task list when the Parent component changes the task list.
Date: 14 Dec,2023
- Vuetify.ts configuration file updated.
- Only the vuetify components that are used in the vue-components library are imported into the above configuration file.
Date: 14 Dec,2023
- ESIList component updated.
- v-list-item-content is replaced with v-list-item-title to resolve the Vue Warning message in the console.
Date: 15 Dec,2023
- .gitlab-ci.yml file updated.
- Hoisting of Storybook on GitLab Pages.