3squared/forgeui-3

A Vue 3 component library which combines a variety of packages to create a one stop shop for UI.

forgeui-3's Issues

Badge doesn't have a documentation page

Modal documentation uses the wrong tag in its code example

As shown below, the documentation uses Modal instead of ForgeModal

Forge Action Buttons code generation doesn't follow the component naming convention

As shown below, the naming convention of Forge Action Button isn't correct. It should be ForgeActionButton

Draggable prop is broken for Modal

Forge Progress Bars label isn't centering correctly

Progress Bars label isn't centering correctly

The input on ForgeChips appears to be unstyled

The styling on Chips appears to be broken as shown in the image below.

Forge Modal: Unable to pass PrimeVue slots to modal.

PrimeVue slots aren't recognised by ForgeModal and don't render. The modal should render the slots which are specified on the PrimeVue Documentation

ForgeCheckbox: Able to interact with checkbox when readonly is true

Forge Remaining Characters uses wrong naming convention and old tag for TextArea

As shown below, Forge Remaining Characters uses wrong naming convention as it should be using ForgeRemainingCharacters. The code example also uses an old Bootstrap Vue tag for Text Area, it should be TextArea.

Forge MultiSelect Preview doesn't follow the correct naming convention

As shown below, Forge MultiSelect Preview doesn't follow the correct naming convention. It should be ForgeMultiSelectPreview

Forge Modal: Maximise and Close icons are quite large.

Maximise and Close icons on the modal are quite large and draw the eyes away from the main content of the modal. To improve UX, the icons should be made smaller.

Update Passthrough options so that they are easier to manage.

Split out the passthrough object by component so that all of the styling config is stored in one place.

ForgeColumn type not being exported

import { ForgeColumn } from '@3squared/forge-ui-3'; -> this bit of code errors, looks like types are not being exported.

ForgeFormField: Update component to handle Dropdown and Multiselect

I think the component should also allow users to select the type select and multiselect to avoid having to define a slot every time.

ForgeChips code generation has the wrong tag

As shown below, ForgeChips documentation page shows TextArea instead of ForgeChips.

ForgeTable: Retrieve Table Context information in a simpler way

In order to retrieve information from the table such as current page, filters, sort direction etc. you have to hook into various methods in the PrimeVue DataTable.

Although this works out of the box, Forge should provide a way of retrieving that data in a simpler manner by allowing the user to pass a table context object to the table which will update it automatically.

Forge Form doesn't follow the correct naming convention

As shown below, the naming convention of Forge Form isn't correct. It should be ForgeForm

ForgeMultiselect: Applying the Searchable prop to ForgeMultiselect breaks it

When setting the Searchable prop to true, it throws the following error in the console.

On first inspection, it could be to do with the condition to check if the multiselect is searchable however I'm not entirely sure what is causing this to happen.

ForgeChips: Input boarder is visible

The boarder around the text input is visible as the styling missing to hide it, making the chips look like they are appearing outside the text box.

Tooltip Documentation doesn't work unless you change the position

chrome_mzfbVCNGhp.mp4

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Rate-Limited

These updates are currently rate-limited. Click on a checkbox below to force their creation now.

• chore(deps): update dependency vite to v5.4.2
• chore(deps): update dependency @types/node to v18
• 🔐 Create all rate-limited PRs at once 🔐

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

• chore(deps): update dependency unplugin-vue-router to v0.10.7
• chore(deps): update dependency @rollup/rollup-linux-x64-gnu to v4.21.0
• chore(deps): update dependency @types/node to v20
• chore(deps): update dependency vite-plugin-dts to v4
• chore(deps): update vitest monorepo to v2 (major) (@vitest/coverage-v8, @vitest/ui, vitest)
• fix(deps): update dependency @vueuse/components to v11
• fix(deps): update dependency eslint to v9
• fix(deps): update dependency eslint-plugin-unused-imports to v4
• fix(deps): update dependency primevue to v4
• fix(deps): update typescript-eslint monorepo to v8 (major) (@typescript-eslint/eslint-plugin, @typescript-eslint/parser)
• Click on this checkbox to rebase all open PRs at once

Ignored or Blocked

These are blocked by an existing closed PR and will not be recreated unless you click a checkbox below.

• fix(deps): update dependency @azure/abort-controller to v2

Detected dependencies

github-actions

.github/workflows/build.yml

• actions/checkout v4
• actions/setup-node v4
• irongut/CodeCoverageSummary v1.3.0
• marocchino/sticky-pull-request-comment v2

.github/workflows/deploy-docs.yml

• actions/checkout v4
• actions/setup-node v4
• actions/upload-pages-artifact v3
• actions/deploy-pages v4

.github/workflows/release.yml

• actions/checkout v4
• actions/setup-node v4
• changesets/action v1

npm

apps/docs/package.json

• @iconify/vue 4.1.2
• rgb-hex 4.1.0
• unplugin-vue-markdown 0.26.2
• vue 3.4.38
• vue-router 4.4.3
• @vitejs/plugin-vue 5.1.2
• eslint-plugin-prettier 5.2.1
• typescript 5.5.4
• unplugin-vue-router 0.10.6
• vite 5.4.1
• vue-tsc 2.0.29

package.json

• @changesets/cli 2.27.7
• @types/prismjs 1.26.4

packages/eslint-config-custom/package.json

• @typescript-eslint/eslint-plugin 7.18.0
• @vue/eslint-config-prettier 9.0.0
• @vue/eslint-config-typescript 13.0.0
• @typescript-eslint/parser ^7.0.0
• eslint 8.57.0
• eslint-config-prettier 9.1.0
• eslint-plugin-prettier 5.2.1
• eslint-plugin-unused-imports 3.2.0
• eslint-plugin-vue 9.27.0
• prettier 3.3.3

packages/playground/package.json

• @iconify/vue ^4.1.1
• markdown-it-prism ^2.3.0
• prismjs ^1.29.0
• vue ^3.3.4
• @types/node 18.19.44
• @vitejs/plugin-vue 5.1.2
• eslint-plugin-prettier 5.2.1
• rollup-plugin-visualizer 5.12.0
• sass 1.77.8
• typescript 5.5.4
• vite 5.4.1
• vite-plugin-dts 3.9.1

packages/ui/package.json

• @azure/abort-controller ^1.0.0
• @azure/storage-blob ^12.17.0
• @iconify/vue ^4.1.1
• @popperjs/core ^2.11.8
• @vueuse/components ^10.6.1
• bootstrap ^5.3.3
• primevue ^3.53.0
• vee-validate ^4.11.8
• vue ^3.4.14
• vue-multiselect ^3.0.0-beta.3
• yup ^1.4.0
• @cypress/code-coverage 3.12.45
• @vitejs/plugin-vue 5.1.2
• @vitest/coverage-v8 1.6.0
• @vitest/ui 1.6.0
• cypress 13.13.3
• cypress-real-events 1.13.0
• sass 1.77.8
• typescript 5.5.4
• unplugin-vue-components 0.27.4
• rollup-plugin-visualizer 5.12.0
• vite 5.4.1
• vite-bundle-visualizer 1.2.1
• vite-plugin-istanbul 6.0.2
• vitest 1.6.0
• vite-plugin-dts 3.9.1
• @rollup/rollup-linux-x64-gnu 4.20.0

---

• Check this box to trigger a request for Renovate to run again on this repository