@oslokommune/punkt-elements 20.1.0 → 20.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +8 -0
- package/dist/{combobox-CDJcIkNJ.js → combobox-CLVwmqkY.js} +1 -0
- package/dist/{combobox-DuXavWEY.cjs → combobox-otZu39eS.cjs} +1 -0
- package/dist/pkt-combobox.cjs +1 -1
- package/dist/pkt-combobox.js +1 -1
- package/dist/pkt-index.cjs +1 -1
- package/dist/pkt-index.js +1 -1
- package/package.json +2 -2
- package/src/components/combobox/combobox.interaction.test.ts +23 -0
- package/src/components/combobox/combobox.ts +1 -0
package/CHANGELOG.md
CHANGED
|
@@ -5,6 +5,14 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
|
|
|
5
5
|
|
|
6
6
|
---
|
|
7
7
|
|
|
8
|
+
## [20.1.2](https://github.com/oslokommune/punkt/compare/20.1.1...20.1.2) (2026-11-11)
|
|
9
|
+
|
|
10
|
+
### Bug Fixes
|
|
11
|
+
* Combobox mangler videresending av strings til listbox (#3823).
|
|
12
|
+
|
|
13
|
+
---
|
|
14
|
+
|
|
15
|
+
|
|
8
16
|
## [20.1.0](https://github.com/oslokommune/punkt/compare/20.0.5...20.1.0) (2026-11-09)
|
|
9
17
|
|
|
10
18
|
### Features
|
|
@@ -57,6 +57,7 @@ const e=require("./element-CEarCnHH.cjs"),t=require("./if-defined-Ci4ZQsgL.cjs")
|
|
|
57
57
|
|
|
58
58
|
<pkt-listbox
|
|
59
59
|
id="${this.id}-listbox"
|
|
60
|
+
.strings=${this.strings}
|
|
60
61
|
.options=${this._options}
|
|
61
62
|
.isOpen=${this._isOptionsOpen}
|
|
62
63
|
.searchPlaceholder=${this.searchPlaceholder}
|
package/dist/pkt-combobox.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./combobox-
|
|
1
|
+
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./combobox-otZu39eS.cjs");exports.PktCombobox=e.n,exports.default=e.t;
|
package/dist/pkt-combobox.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export { n as PktCombobox, t as default } from "./combobox-
|
|
1
|
+
export { n as PktCombobox, t as default } from "./combobox-CLVwmqkY.js";
|
package/dist/pkt-index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./alert-0a5lX0pL.cjs"),t=require("./accordion-CSSp30G1.cjs"),n=require("./backlink-BAvqdPlG.cjs"),r=require("./breadcrumbs-zfUto2U5.cjs"),i=require("./button-DHVRpzpS.cjs"),a=require("./calendar-xYEsKilS.cjs"),o=require("./card-XznwedEG.cjs"),s=require("./combobox-
|
|
1
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./alert-0a5lX0pL.cjs"),t=require("./accordion-CSSp30G1.cjs"),n=require("./backlink-BAvqdPlG.cjs"),r=require("./breadcrumbs-zfUto2U5.cjs"),i=require("./button-DHVRpzpS.cjs"),a=require("./calendar-xYEsKilS.cjs"),o=require("./card-XznwedEG.cjs"),s=require("./combobox-otZu39eS.cjs"),c=require("./consent-BOSXNt4Y.cjs"),l=require("./checkbox-Cg7wnn8U.cjs"),u=require("./checkbox-group-BF29zyLd.cjs"),d=require("./fileupload-Cjde62AR.cjs"),f=require("./datepicker-Cnrbqm62.cjs"),p=require("./footer-NQaQc2DH.cjs"),m=require("./header-YbbGgmsD.cjs"),h=require("./header-menu-BJMMwrCR.cjs"),g=require("./helptext-CQaNvbiv.cjs"),_=require("./heading-BNlor2MU.cjs"),v=require("./icon-5A378_yh.cjs"),y=require("./input-wrapper-CbYMk21W.cjs"),b=require("./link-lPrxhYq0.cjs"),x=require("./linkcard-Bih7HS2t.cjs"),S=require("./loader-DiQSwWpb.cjs"),C=require("./messagebox-BiG-fJX9.cjs"),w=require("./modal-B3rnE83a.cjs"),T=require("./progressbar-Wyq_Q1Ur.cjs"),E=require("./radiobutton-86ZvvDmJ.cjs"),D=require("./radio-group-u1IH7g-4.cjs"),O=require("./tag-BAikRN2Y.cjs"),k=require("./tabs-n7hQWwyI.cjs"),A=require("./textarea-CRcSfWgX.cjs"),j=require("./textinput-Dooq2n8W.cjs"),M=require("./select-C7kAlSxs.cjs"),N=require("./searchinput-D5l64Mkb.cjs"),P=require("./timepicker-BM4I5w-i.cjs"),F=require("./element-CEarCnHH.cjs");exports.PktAccordion=t.r,exports.PktAccordionItem=t.n,exports.PktAlert=e.n,exports.PktBackLink=n.n,exports.PktBreadcrumbs=r.t,exports.PktButton=i.n,exports.PktCalendar=a.n,exports.PktCard=o.n,exports.PktCheckbox=l.n,exports.PktCheckboxGroup=u.n,exports.PktCombobox=s.n,exports.PktConsent=c.n,exports.PktDateTags=f.a,exports.PktDatepicker=f.t,Object.defineProperty(exports,"PktFileUpload",{enumerable:!0,get:function(){return d.n}}),exports.PktFooter=p.n,exports.PktFooterSimple=p.t,exports.PktHeader=m.t,exports.PktHeaderGlobal=m.n,exports.PktHeaderMenu=h.n,exports.PktHeaderService=m.r,exports.PktHeaderUserMenu=m.i,exports.PktHeading=_.n,exports.PktHelptext=g.n,exports.PktIcon=v.n,exports.PktInputWrapper=y.n,exports.PktLink=b.n,exports.PktLinkCard=x.n,exports.PktLoader=S.n,exports.PktMessagebox=C.n,exports.PktModal=w.n,exports.PktProgressbar=T.n,exports.PktRadioButton=E.n,exports.PktRadiobutton=E.n,exports.PktRadioGroup=D.n,exports.PktSearchInput=N.n,exports.PktSelect=M.n,exports.PktTabItem=k.n,exports.PktTabs=k.r,exports.PktTag=O.n,exports.PktTextarea=A.n,exports.PktTextinput=j.n,exports.PktTimepicker=P.t,exports.getPktStrings=F.r,exports.pktStringsNb=F.s,exports.resetPktStrings=F.i,exports.setPktStrings=F.a,exports.subscribePktStrings=F.o;
|
package/dist/pkt-index.js
CHANGED
|
@@ -5,7 +5,7 @@ import { t as i } from "./breadcrumbs-DtEt1-wn.js";
|
|
|
5
5
|
import { n as a } from "./button-CJzu0l5A.js";
|
|
6
6
|
import { n as o } from "./calendar-CkAAgviq.js";
|
|
7
7
|
import { n as s } from "./card-CsEfBJcP.js";
|
|
8
|
-
import { n as c } from "./combobox-
|
|
8
|
+
import { n as c } from "./combobox-CLVwmqkY.js";
|
|
9
9
|
import { n as l } from "./consent-DwppvYBR.js";
|
|
10
10
|
import { n as u } from "./checkbox-XvlUQmg5.js";
|
|
11
11
|
import { n as d } from "./checkbox-group-CRIV5CX0.js";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@oslokommune/punkt-elements",
|
|
3
|
-
"version": "20.1.
|
|
3
|
+
"version": "20.1.2",
|
|
4
4
|
"description": "Komponentbiblioteket til Punkt, designsystem for Oslo kommune",
|
|
5
5
|
"homepage": "https://punkt.oslo.kommune.no",
|
|
6
6
|
"author": "Team Designsystem, Oslo kommune",
|
|
@@ -78,5 +78,5 @@
|
|
|
78
78
|
"engines": {
|
|
79
79
|
"node": "^22.19.0 || ^24.0.0 || ^26.0.0"
|
|
80
80
|
},
|
|
81
|
-
"gitHead": "
|
|
81
|
+
"gitHead": "04754b85d6b799e495bec6557b39eb749ceada7e"
|
|
82
82
|
}
|
|
@@ -538,6 +538,29 @@ describe('PktCombobox', () => {
|
|
|
538
538
|
expect(addBanner).toBeInTheDocument()
|
|
539
539
|
})
|
|
540
540
|
|
|
541
|
+
test('forwards listbox strings to the add-value banner', async () => {
|
|
542
|
+
const container = await createCombobox(
|
|
543
|
+
`id="test" name="test" label="Test" allow-user-input strings='{"listbox":{"addValue":"Create {value}"}}'`,
|
|
544
|
+
)
|
|
545
|
+
const combobox = container.querySelector('pkt-combobox') as PktCombobox
|
|
546
|
+
combobox.options = [...defaultOptions]
|
|
547
|
+
await combobox.updateComplete
|
|
548
|
+
|
|
549
|
+
const input = combobox.querySelector('input[type="text"]') as HTMLInputElement
|
|
550
|
+
fireEvent.focus(input)
|
|
551
|
+
await combobox.updateComplete
|
|
552
|
+
|
|
553
|
+
input.value = 'NewFruit'
|
|
554
|
+
fireEvent.input(input, { target: { value: 'NewFruit' } })
|
|
555
|
+
await combobox.updateComplete
|
|
556
|
+
|
|
557
|
+
const listbox = combobox.querySelector('pkt-listbox') as any
|
|
558
|
+
await listbox?.updateComplete
|
|
559
|
+
|
|
560
|
+
const addBanner = combobox.querySelector('.pkt-listbox__banner--new-option')
|
|
561
|
+
expect(addBanner).toHaveTextContent('Create NewFruit')
|
|
562
|
+
})
|
|
563
|
+
|
|
541
564
|
test('dispatches search event on internal search state change', async () => {
|
|
542
565
|
const container = await createCombobox('id="test" name="test" label="Test" include-search')
|
|
543
566
|
const combobox = container.querySelector('pkt-combobox') as PktCombobox
|
|
@@ -425,6 +425,7 @@ export class PktCombobox extends ComboboxHandlers implements IPktCombobox {
|
|
|
425
425
|
|
|
426
426
|
<pkt-listbox
|
|
427
427
|
id="${this.id}-listbox"
|
|
428
|
+
.strings=${this.strings}
|
|
428
429
|
.options=${this._options}
|
|
429
430
|
.isOpen=${this._isOptionsOpen}
|
|
430
431
|
.searchPlaceholder=${this.searchPlaceholder}
|