diff --git a/CHANGELOG.md b/CHANGELOG.md index 4d317c5c5..a4ea41d8b 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,3 +1,25 @@ +## [0.8.8](https://github.com/oruga-ui/oruga/compare/v0.8.7...v0.8.8) (2024-04-23) + + +### Bug Fixes + +* **build:** fix cjs extension in package.json entry point ([#894](https://github.com/oruga-ui/oruga/issues/894)) ([51e7184](https://github.com/oruga-ui/oruga/commit/51e718411014ec2317d38dae2dacc12cededa4b7)) +* **datepicker:** fix defineClasses parent props problem ([#900](https://github.com/oruga-ui/oruga/issues/900)) ([087a8dc](https://github.com/oruga-ui/oruga/commit/087a8dcf55c59712d7d31c0b14c0e12a9dde589d)) +* **datepicker:** make date parsing work again ([#882](https://github.com/oruga-ui/oruga/issues/882)) ([047e999](https://github.com/oruga-ui/oruga/commit/047e999324b912e8b7b456bb4f72feb09b4282e8)) +* **field:** add field `setInputId` & remove `ariaLabelledby` prop ([#902](https://github.com/oruga-ui/oruga/issues/902)) ([458d45c](https://github.com/oruga-ui/oruga/commit/458d45c17d2c3d96813e78f1902cd781d7e6ae93)) +* **field:** fix slot invoked outside render function & ass `messageTag` prop ([#906](https://github.com/oruga-ui/oruga/issues/906)) ([f9d07c6](https://github.com/oruga-ui/oruga/commit/f9d07c62a091bf44a36b38454c5b1ba86559270a)) +* **menu:** fix `useProviderParent` composable `childItems` type problem ([#897](https://github.com/oruga-ui/oruga/issues/897)) ([b9656a6](https://github.com/oruga-ui/oruga/commit/b9656a6b5adfc27510be66e3bfe9b018e5de2cdd)) +* **taginput:** fix selection with autocomplete on non string items ([#889](https://github.com/oruga-ui/oruga/issues/889)) ([930c397](https://github.com/oruga-ui/oruga/commit/930c39707d2f938fe87876808c90251a743b8cd2)) + + +### Features + +* **datepicker:** change prop `readonly` default to `false` & disable calendar interaction while `readonly` ([#901](https://github.com/oruga-ui/oruga/issues/901)) ([364d0c5](https://github.com/oruga-ui/oruga/commit/364d0c5c9128e57167cff3922a0585bf6d323010)) +* **taginput:** add `removeItem` as selected slot property ([#887](https://github.com/oruga-ui/oruga/issues/887)) ([#888](https://github.com/oruga-ui/oruga/issues/888)) ([c8c26cc](https://github.com/oruga-ui/oruga/commit/c8c26cc7608a4ecdcc7336f63a0a069721a9cfcc)) +* **taginput:** update prop types ([#895](https://github.com/oruga-ui/oruga/issues/895)) ([b5709c5](https://github.com/oruga-ui/oruga/commit/b5709c569a8390e0f7944234b166534d146a363d)) + + + ## [0.8.7](https://github.com/mlmoravek/oruga/compare/v0.8.6...v0.8.7) (2024-04-02) diff --git a/package-lock.json b/package-lock.json index 4087cb452..868b13295 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "root", - "version": "0.8.7", + "version": "0.8.8", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "root", - "version": "0.8.7", + "version": "0.8.8", "license": "MIT", "workspaces": [ "packages/oruga", @@ -15013,7 +15013,7 @@ }, "packages/docs": { "name": "@oruga-ui/docs-next", - "version": "0.8.7", + "version": "0.8.8", "license": "MIT", "dependencies": { "@fortawesome/fontawesome-svg-core": "^6.5.1", @@ -15121,7 +15121,7 @@ }, "packages/oruga": { "name": "@oruga-ui/oruga-next", - "version": "0.8.7", + "version": "0.8.8", "license": "MIT", "devDependencies": { "@babel/core": "7.24.4", diff --git a/package.json b/package.json index 04210beb9..75b23f058 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "root", - "version": "0.8.7", + "version": "0.8.8", "homepage": "https://oruga-ui.com", "description": "UI components for Vue.js and CSS framework agnostic", "author": "Walter Tommasi ", diff --git a/packages/docs/components/Autocomplete.md b/packages/docs/components/Autocomplete.md index c646707f1..6285293ed 100644 --- a/packages/docs/components/Autocomplete.md +++ b/packages/docs/components/Autocomplete.md @@ -64,7 +64,7 @@ title: Autocomplete | keepFirst | The first option will always be pre-selected (easier to just hit enter or tab) | boolean | - |
From config:
autocomplete: {
  keepFirst: false
} | | keepOpen | Keep open dropdown list after select | boolean | - |
From config:
autocomplete: {
  keepOpen: false
} | | maxHeight | Max height of dropdown content | string\|number | - |
From config:
autocomplete: {
  maxHeight: undefined
} | -| maxlength | Same as native maxlength, plus character counter | number | - | | +| maxlength | Same as native maxlength, plus character counter | string\|number | - | | | menuTag | Menu tag name | DynamicComponent | - |
From config:
autocomplete: {
  menuTag: "div"
} | | mobileModal | Dropdown content (items) are shown into a modal on mobile | boolean | - |
From config:
autocomplete: {
  mobileModal: false
} | | openOnFocus | Open dropdown list on focus | boolean | - |
From config:
autocomplete: {
  openOnFocus: false
} | diff --git a/packages/docs/components/Taginput.md b/packages/docs/components/Taginput.md index c4e3174ec..f5106ae91 100644 --- a/packages/docs/components/Taginput.md +++ b/packages/docs/components/Taginput.md @@ -37,43 +37,43 @@ title: Taginput ### Props -| Prop name | Description | Type | Values | Default | -| ------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------- | ------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -| allowAutocomplete | Add autocomplete feature (if true, any Autocomplete props may be used too) | boolean | - | false | -| allowDuplicates | Allows adding the same item multiple time | boolean | - | false | -| allowNew | When autocomplete, it allow to add new items | boolean | - | false | -| ariaCloseLabel | Accessibility label for the close button | string | - |
From config:
taginput: {
  ariaCloseLabel: undefined
} | -| autocomplete | Native options to use in HTML5 validation | string | - |
From config:
taginput: {
  autocomplete: "off"
} | -| beforeAdding | Function to validate the value of the item before adding | (value: string) => boolean | - | Default function (see source code) | -| checkScroll | Makes the component check if list reached scroll start or end and emit scroll events. | boolean | - |
From config:
taginput: {
  checkScroll: false
} | -| closable | Add close/delete button to the item | boolean | - |
From config:
taginput: {
  closable: true
} | -| closeIcon | Icon name of close icon on selected item | string | - |
From config:
taginput: {
  closeIcon: "close"
} | -| confirmKeys | Array of keys
(https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key/Key_Values)
which will add a item when typing | string[] | - |
From config:
taginput: {
  confirmKeys: [",","Tab","Enter"]
} | -| counter | Show counter when maxlength or maxtags props are passed | boolean | - |
From config:
taginput: {
  counter: true
} | -| createItem | Function to create a new item to push into v-model (items) | (value: string) => T | - | Default function (see source code) | -| data | Items data | T[] | - | Default function (see source code) | -| disabled | Same as native input disabled | boolean | - | false | -| expanded | Makes input full width when inside a grouped or addon field | boolean | - | false | -| field | Property of the object (if data is array of objects) to use as display text | string | - | "value" | -| groupField | Property of the object (if `data` is array of objects) to use as display text of group | string | - | | -| groupOptions | Property of the object (if `data` is array of objects) to use as key to get items array of each group | string | - | | -| icon | Icon to be shown | string | - |
From config:
taginput: {
  icon: undefined
} | -| iconPack | Icon pack to use | string | `mdi`, `fa`, `fas and any other custom icon pack` |
From config:
taginput: {
  iconPack: undefined
} | -| keepFirst | The first option will always be pre-selected (easier to just hit enter or tab) | boolean | - | false | -| keepOpen | Keep open dropdown list after select | boolean | - |
From config:
autocomplete: {
  keepOpen: false
} | -| maxitems | Limits the number of items, plus item counter | number | - | | -| maxlength | Same as native maxlength, plus character counter | number | - | | -| openOnFocus | Opens a dropdown with choices when the input field is focused | boolean | - | false | -| override | Override existing theme classes completely | boolean | - | | -| placeholder | Input placeholder | string | - | | -| removeOnKeys | Allow removing last item when pressing given keys, if input is empty | string[] | - |
From config:
taginput: {
  removeOnKeys: ["Backspace"]
} | -| separators | Array of chars used to split when pasting a new string | string[] | - |
From config:
taginput: {
  separators: [","]
} | -| size | Vertical size of the input control | string | `small`, `medium`, `large` |
From config:
taginput: {
  size: undefined
} | -| teleport | Append the component to another part of the DOM.
Set `true` to append the component to the body.
In addition, any CSS selector string or an actual DOM node can be used. | boolean\|string\|object | - |
From config:
taginput: {
  teleport: false
} | -| useHtml5Validation | Enable html 5 native validation | boolean | - |
From config:
{
  useHtml5Validation: true
} | -| v-model | | T[] | - | Default function (see source code) | -| validationMessage | The message which is shown when a validation error occurs | string | - | | -| variant | Color of the each item | string | `primary`, `info`, `success`, `warning`, `danger`, `and any other custom color` |
From config:
taginput: {
  variant: undefined
} | +| Prop name | Description | Type | Values | Default | +| ------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------- | ------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------- | +| allowAutocomplete | Add autocomplete feature (if true, any Autocomplete props may be used too) | boolean | - | false | +| allowDuplicates | Allows adding the same item multiple time | boolean | - | false | +| allowNew | When autocomplete, it allow to add new items | boolean | - | false | +| ariaCloseLabel | Accessibility label for the close button | string | - |
From config:
taginput: {
  ariaCloseLabel: undefined
} | +| autocomplete | Native options to use in HTML5 validation | string | - |
From config:
taginput: {
  autocomplete: "off"
} | +| beforeAdding | Function to validate the value of the item before adding | (value: T \| string) => boolean | - | Default function (see source code) | +| checkScroll | Makes the component check if list reached scroll start or end and emit scroll events. | boolean | - |
From config:
taginput: {
  checkScroll: false
} | +| closable | Add close/delete button to the item | boolean | - |
From config:
taginput: {
  closable: true
} | +| closeIcon | Icon name of close icon on selected item | string | - |
From config:
taginput: {
  closeIcon: "close"
} | +| confirmKeys | Array of keys
(https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key/Key_Values)
which will add a item when typing | string[] | - |
From config:
taginput: {
  confirmKeys: [",","Tab","Enter"]
} | +| counter | Show counter when maxlength or maxtags props are passed | boolean | - |
From config:
taginput: {
  counter: true
} | +| createItem | Function to create a new item to push into v-model (items) | (value: T \| string) => T | - | Default function (see source code) | +| data | Items data | T[] | - | Default function (see source code) | +| disabled | Same as native input disabled | boolean | - | false | +| expanded | Makes input full width when inside a grouped or addon field | boolean | - | false | +| field | Property of the object (if data is array of objects) to use as display text | string | - | "value" | +| groupField | Property of the object (if `data` is array of objects) to use as display text of group | string | - | | +| groupOptions | Property of the object (if `data` is array of objects) to use as key to get items array of each group | string | - | | +| icon | Icon to be shown | string | - |
From config:
taginput: {
  icon: undefined
} | +| iconPack | Icon pack to use | string | `mdi`, `fa`, `fas and any other custom icon pack` |
From config:
taginput: {
  iconPack: undefined
} | +| keepFirst | The first option will always be pre-selected (easier to just hit enter or tab) | boolean | - | false | +| keepOpen | Keep open dropdown list after select | boolean | - |
From config:
autocomplete: {
  keepOpen: false
} | +| maxitems | Limits the number of items, plus item counter | string\|number | - | | +| maxlength | Same as native maxlength, plus character counter | string\|number | - | | +| openOnFocus | Opens a dropdown with choices when the input field is focused | boolean | - | false | +| override | Override existing theme classes completely | boolean | - | | +| placeholder | Input placeholder | string | - | | +| removeOnKeys | Allow removing last item when pressing given keys, if input is empty | string[] | - |
From config:
taginput: {
  removeOnKeys: ["Backspace"]
} | +| separators | Array of chars used to split when pasting a new string | string[] | - |
From config:
taginput: {
  separators: [","]
} | +| size | Vertical size of the input control | string | `small`, `medium`, `large` |
From config:
taginput: {
  size: undefined
} | +| teleport | Append the component to another part of the DOM.
Set `true` to append the component to the body.
In addition, any CSS selector string or an actual DOM node can be used. | boolean\|string\|object | - |
From config:
taginput: {
  teleport: false
} | +| useHtml5Validation | Enable html 5 native validation | boolean | - |
From config:
{
  useHtml5Validation: true
} | +| v-model | | T[] | - | Default function (see source code) | +| validationMessage | The message which is shown when a validation error occurs | string | - | | +| variant | Color of the each item | string | `primary`, `info`, `success`, `warning`, `danger`, `and any other custom color` |
From config:
taginput: {
  variant: undefined
} | ### Events @@ -95,7 +95,7 @@ title: Taginput | Name | Description | Bindings | | -------- | ------------------------------ | ---------------------------------------------------------------------------------------------------------------- | -| selected | Override selected items | **items** `unknown[]` - selected items | +| selected | Override selected items | **items** `unknown[]` - selected items
| | header | Define an additional header | | | default | Override the select option | **option** `object` - option object
**index** `number` - option index
**value** `unknown` - option value | | empty | Define content for empty state | | diff --git a/packages/docs/package.json b/packages/docs/package.json index 53d71b450..8a72d2169 100644 --- a/packages/docs/package.json +++ b/packages/docs/package.json @@ -1,6 +1,6 @@ { "name": "@oruga-ui/docs-next", - "version": "0.8.7", + "version": "0.8.8", "homepage": "https://oruga-ui.com", "description": "UI components for Vue.js and CSS framework agnostic", "author": "Walter Tommasi ", diff --git a/packages/oruga/package.json b/packages/oruga/package.json index 92b894a4e..768701337 100644 --- a/packages/oruga/package.json +++ b/packages/oruga/package.json @@ -1,6 +1,6 @@ { "name": "@oruga-ui/oruga-next", - "version": "0.8.7", + "version": "0.8.8", "homepage": "https://oruga-ui.com", "description": "UI components for Vue.js and CSS framework agnostic", "author": "Walter Tommasi ",