@postnord/pn-marketweb-components 2.4.27 → 2.4.29

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.
Files changed (66) hide show
  1. package/cjs/index-4199ff85.js +20 -4
  2. package/cjs/loader.cjs.js +1 -1
  3. package/cjs/pn-cta-block.cjs.entry.js +33 -0
  4. package/cjs/pn-dropdown-with-multi-input-rows-row.cjs.entry.js +183 -0
  5. package/cjs/pn-dropdown-with-multi-input-rows.cjs.entry.js +309 -0
  6. package/cjs/pn-market-web-components.cjs.js +1 -1
  7. package/cjs/pn-multiple-input.cjs.entry.js +105 -0
  8. package/collection/collection-manifest.json +4 -0
  9. package/collection/components/cta/pn-cta-block/cta-block.stories.js +252 -0
  10. package/collection/components/cta/pn-cta-block/pn-cta-block.css +187 -0
  11. package/collection/components/cta/pn-cta-block/pn-cta-block.js +169 -0
  12. package/collection/components/input/pn-dropdown-with-multi-input-rows/pn-dropdown-with-multi-input-rows-row.css +27 -0
  13. package/collection/components/input/pn-dropdown-with-multi-input-rows/pn-dropdown-with-multi-input-rows-row.js +673 -0
  14. package/collection/components/input/pn-dropdown-with-multi-input-rows/pn-dropdown-with-multi-input-rows.css +26 -0
  15. package/collection/components/input/pn-dropdown-with-multi-input-rows/pn-dropdown-with-multi-input-rows.js +970 -0
  16. package/collection/components/input/pn-dropdown-with-multi-input-rows/pn-dropdown-with-multi-input-rows.stories.js +86 -0
  17. package/collection/components/input/pn-dropdown-with-multi-input-rows/types.js +1 -0
  18. package/collection/components/input/pn-multiple-input/pn-multiple-input.css +16 -0
  19. package/collection/components/input/pn-multiple-input/pn-multiple-input.js +185 -0
  20. package/collection/components/input/pn-multiple-input/pn-multiple-input.stories.js +24 -0
  21. package/collection/components/input/pn-multiple-input/types.js +1 -0
  22. package/components/index.d.ts +4 -0
  23. package/components/index.js +4 -0
  24. package/components/pn-cta-block.d.ts +11 -0
  25. package/components/pn-cta-block.js +57 -0
  26. package/components/pn-dropdown-with-multi-input-rows-row.d.ts +11 -0
  27. package/components/pn-dropdown-with-multi-input-rows-row.js +6 -0
  28. package/components/pn-dropdown-with-multi-input-rows-row2.js +232 -0
  29. package/components/pn-dropdown-with-multi-input-rows.d.ts +11 -0
  30. package/components/pn-dropdown-with-multi-input-rows.js +379 -0
  31. package/components/pn-multiple-input.d.ts +11 -0
  32. package/components/pn-multiple-input.js +130 -0
  33. package/esm/index-ee44c065.js +20 -4
  34. package/esm/loader.js +1 -1
  35. package/esm/pn-cta-block.entry.js +29 -0
  36. package/esm/pn-dropdown-with-multi-input-rows-row.entry.js +179 -0
  37. package/esm/pn-dropdown-with-multi-input-rows.entry.js +305 -0
  38. package/esm/pn-market-web-components.js +1 -1
  39. package/esm/pn-multiple-input.entry.js +101 -0
  40. package/esm-es5/index-ee44c065.js +1 -1
  41. package/esm-es5/loader.js +1 -1
  42. package/esm-es5/pn-cta-block.entry.js +1 -0
  43. package/esm-es5/pn-dropdown-with-multi-input-rows-row.entry.js +1 -0
  44. package/esm-es5/pn-dropdown-with-multi-input-rows.entry.js +1 -0
  45. package/esm-es5/pn-market-web-components.js +1 -1
  46. package/esm-es5/pn-multiple-input.entry.js +1 -0
  47. package/package.json +1 -1
  48. package/pn-market-web-components/p-313658e7.entry.js +1 -0
  49. package/pn-market-web-components/p-47239bce.system.entry.js +1 -0
  50. package/pn-market-web-components/p-52e8d0ec.system.entry.js +1 -0
  51. package/pn-market-web-components/p-71740e7e.system.entry.js +1 -0
  52. package/pn-market-web-components/p-7787ca3b.entry.js +1 -0
  53. package/pn-market-web-components/p-ad952e14.system.entry.js +1 -0
  54. package/pn-market-web-components/p-e05b6e0c.entry.js +1 -0
  55. package/pn-market-web-components/p-f02617fc.entry.js +1 -0
  56. package/pn-market-web-components/p-fcdb7381.system.js +1 -1
  57. package/pn-market-web-components/pn-market-web-components.esm.js +1 -1
  58. package/types/components/cta/pn-cta-block/pn-cta-block.d.ts +14 -0
  59. package/types/components/input/pn-dropdown-with-multi-input-rows/pn-dropdown-with-multi-input-rows-row.d.ts +59 -0
  60. package/types/components/input/pn-dropdown-with-multi-input-rows/pn-dropdown-with-multi-input-rows.d.ts +77 -0
  61. package/types/components/input/pn-dropdown-with-multi-input-rows/types.d.ts +18 -0
  62. package/types/components/input/pn-multiple-input/pn-multiple-input.d.ts +22 -0
  63. package/types/components/input/pn-multiple-input/types.d.ts +11 -0
  64. package/types/components.d.ts +207 -6
  65. package/umd/modules/@postnord/web-components/package.json +32 -62
  66. package/umd/modules/@webcomponents/custom-elements/package.json +23 -58
@@ -0,0 +1,77 @@
1
+ import { EventEmitter } from '../../../stencil-public-runtime';
2
+ import { FormValue, Root, PredefinedValues } from './types';
3
+ export declare class PnDropdownWithMultiInputRows {
4
+ hostElement: Element;
5
+ pnFirstDropdown: HTMLElement;
6
+ pnSecondDropdown: HTMLElement;
7
+ pnSumField: HTMLElement;
8
+ pnConfirmDeleteButton: HTMLElement;
9
+ pnAbortDeleteButton: HTMLElement;
10
+ dropdownData: string | Root[];
11
+ languageCode: string;
12
+ firstDropdownLabel: string;
13
+ firstDropdownHelperText: string;
14
+ secondDropdownLabel: string;
15
+ secondDropdownHelperText: string;
16
+ secondDropdownMax: number;
17
+ deleteMultipleRowsWarningText: string;
18
+ confirmDeleteButtonText: string;
19
+ abortDeleteButtonText: string;
20
+ fristInputLabel: string;
21
+ fristInputPlaceholder: string;
22
+ firstInputMin: number;
23
+ firstInputMax: number;
24
+ firstInputWarning: number;
25
+ firstInputWarningText: string;
26
+ firstInputLowErrorText: string;
27
+ firstInputHighErrorText: string;
28
+ secondInputLabel: string;
29
+ secondInputPlaceholder: string;
30
+ secondInputMin: number;
31
+ secondInputMax: number;
32
+ secondInputWarning: number;
33
+ secondInputWarningText: string;
34
+ secondInputLowErrorText: string;
35
+ secondInputHighErrorText: string;
36
+ dateLabel: string;
37
+ datePlaceholder: string;
38
+ dateDaysFromToday: number;
39
+ yearsToAddToEndDate: number;
40
+ sumFieldLabel: string;
41
+ addRowText: string;
42
+ elementHelperText: string;
43
+ dropdownDataRoot: Root[];
44
+ secondDropdownArr: number[];
45
+ rowCount: number;
46
+ rowData: PredefinedValues[];
47
+ formValues: FormValue[];
48
+ firstValidDateString: string;
49
+ lastValidDateString: string;
50
+ rowSum: string;
51
+ minRowCount: number;
52
+ showDelteConfirm: boolean;
53
+ allFormValues: EventEmitter<string>;
54
+ private _firstDropdownSelection;
55
+ private _secondDropdownSelection;
56
+ private _defaultRow;
57
+ componentWillLoad(): void;
58
+ componentDidLoad(): void;
59
+ setDropDownData(): void;
60
+ updateSecondDropdown(): void;
61
+ updateSelectItemArr(arr: Root[], caption: string): Root[];
62
+ setRowData(): void;
63
+ generateUniqueId(): any;
64
+ setFirstValidDate(): void;
65
+ addRow(newRowId: string): void;
66
+ handleFirstDropdown(): void;
67
+ handleSecondDropdown(): void;
68
+ predefinedValueChange(e: any): void;
69
+ updateFirstInputOfRows(value: string): void;
70
+ updateSecondInputOfRows(value: string): void;
71
+ deleteRowEvent(e: any): void;
72
+ updateSum(): void;
73
+ deleteExcessRows(): void;
74
+ abortDeleteRows(): void;
75
+ emitValuesIfValid(): void;
76
+ render(): any;
77
+ }
@@ -0,0 +1,18 @@
1
+ export interface Root {
2
+ caption: string;
3
+ value: number;
4
+ checked: boolean;
5
+ }
6
+ export interface FormValue {
7
+ row: RowValue[];
8
+ }
9
+ export interface RowValue {
10
+ name: string;
11
+ value: string;
12
+ }
13
+ export interface PredefinedValues {
14
+ id: string;
15
+ firstInput: string;
16
+ secondInput: string;
17
+ date: string;
18
+ }
@@ -0,0 +1,22 @@
1
+ import { EventEmitter } from '../../../stencil-public-runtime';
2
+ import { Row } from './types';
3
+ export declare class PnMultipleInput {
4
+ hostElement: Element;
5
+ pnSlotElement: HTMLElement;
6
+ label: string;
7
+ placeholder: string;
8
+ addRowButtonText: string;
9
+ rowData: Row[];
10
+ private _formValues;
11
+ allFormValues: EventEmitter<string>;
12
+ componentWillLoad(): void;
13
+ componentDidLoad(): void;
14
+ componentDidUpdate(): void;
15
+ addEventHandlers(): void;
16
+ generateUniqueId(): any;
17
+ deleteRow(indexToRemove: any): void;
18
+ addRow(): void;
19
+ handleInput(e: any): void;
20
+ emitValues(): void;
21
+ render(): any;
22
+ }
@@ -0,0 +1,11 @@
1
+ export interface Row {
2
+ id: string;
3
+ input: string;
4
+ }
5
+ export interface FormValue {
6
+ row: RowValue[];
7
+ }
8
+ export interface RowValue {
9
+ name: string;
10
+ value: string;
11
+ }
@@ -7,11 +7,12 @@
7
7
  import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
8
8
  import { CityProps, PostalCodeProps, StreetAddressProps, StreetNumberProps } from "./components/input/pn-address-autofill/types";
9
9
  import { Root } from "./components/input/pn-dropdown-choice-adds-row/types";
10
+ import { PredefinedValues, Root as Root1 } from "./components/input/pn-dropdown-with-multi-input-rows/types";
10
11
  import { ProductPriceItem } from "./components/widgets/pn-find-price/pn-find-price-types";
11
12
  import { ProductPriceItem as ProductPriceItem1 } from "./globals/shared/productprice/product-price-types";
12
13
  import { LoginDialog, LoginDialogLink, ProfileSelectorCustomerItem, ProfileSelectorOrganization, SiteHeaderI18N, SiteHeaderSearch } from "./components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-types";
13
14
  import { FormValue } from "./components/input/pn-multi-formfield/types";
14
- import { PredefinedValues, Root as Root1 } from "./components/input/pn-multi-row-connected-dropdown/types";
15
+ import { PredefinedValues as PredefinedValues1, Root as Root2 } from "./components/input/pn-multi-row-connected-dropdown/types";
15
16
  import { ProductGenericItem, ProxioPriceListGroupResponse } from "./components/widgets/pn-proxio-pricegroup/types";
16
17
  export namespace Components {
17
18
  interface PnAddressAutofill {
@@ -93,6 +94,15 @@ export namespace Components {
93
94
  */
94
95
  "value": any;
95
96
  }
97
+ interface PnCtaBlock {
98
+ "bodyText": string;
99
+ "contentTop": boolean;
100
+ "heading": string;
101
+ "isCentered": boolean;
102
+ "isLarge": boolean;
103
+ "isSmall": boolean;
104
+ "pnBackgroundColor": string;
105
+ }
96
106
  interface PnCustomernumberSelector {
97
107
  "description": string;
98
108
  "heading": string;
@@ -129,6 +139,65 @@ export namespace Components {
129
139
  "rowNameLabel": string;
130
140
  "totalInputLimit": number;
131
141
  }
142
+ interface PnDropdownWithMultiInputRows {
143
+ "abortDeleteButtonText": string;
144
+ "addRowText": string;
145
+ "confirmDeleteButtonText": string;
146
+ "dateDaysFromToday": number;
147
+ "dateLabel": string;
148
+ "datePlaceholder": string;
149
+ "deleteMultipleRowsWarningText": string;
150
+ "dropdownData": string | Root1[];
151
+ "elementHelperText": string;
152
+ "firstDropdownHelperText": string;
153
+ "firstDropdownLabel": string;
154
+ "firstInputHighErrorText": string;
155
+ "firstInputLowErrorText": string;
156
+ "firstInputMax": number;
157
+ "firstInputMin": number;
158
+ "firstInputWarning": number;
159
+ "firstInputWarningText": string;
160
+ "fristInputLabel": string;
161
+ "fristInputPlaceholder": string;
162
+ "languageCode": string;
163
+ "secondDropdownHelperText": string;
164
+ "secondDropdownLabel": string;
165
+ "secondDropdownMax": number;
166
+ "secondInputHighErrorText": string;
167
+ "secondInputLabel": string;
168
+ "secondInputLowErrorText": string;
169
+ "secondInputMax": number;
170
+ "secondInputMin": number;
171
+ "secondInputPlaceholder": string;
172
+ "secondInputWarning": number;
173
+ "secondInputWarningText": string;
174
+ "sumFieldLabel": string;
175
+ "yearsToAddToEndDate": number;
176
+ }
177
+ interface PnDropdownWithMultiInputRowsRow {
178
+ "dateLabel": string;
179
+ "datePlaceholder": string;
180
+ "firstInputHighErrorText": string;
181
+ "firstInputLowErrorText": string;
182
+ "firstInputMax": number;
183
+ "firstInputMin": number;
184
+ "firstInputWarning": number;
185
+ "firstInputWarningText": string;
186
+ "firstValidDate": string;
187
+ "fristInputPlaceholder": string;
188
+ "languageCode": string;
189
+ "lastValidDate": string;
190
+ "minRowCount": number;
191
+ "predefinedValue": string;
192
+ "rowIndex": number;
193
+ "secondInputHighErrorText": string;
194
+ "secondInputLowErrorText": string;
195
+ "secondInputMax": number;
196
+ "secondInputMin": number;
197
+ "secondInputPlaceholder": string;
198
+ "secondInputWarning": number;
199
+ "secondInputWarningText": string;
200
+ }
132
201
  interface PnFilterCheckbox {
133
202
  /**
134
203
  * The string you put here will be what you'd make the ID of a native radio button, you can't name props "id" because it's reserved so we went with the more descriptive name "checkboxid", if you want to create labels for your checkbox, you will bind it to this ID
@@ -515,7 +584,7 @@ export namespace Components {
515
584
  "dateButtonText": string;
516
585
  "dateDaysFromToday": number;
517
586
  "datePlaceholder": string;
518
- "dropdownData": string | Root1[];
587
+ "dropdownData": string | Root2[];
519
588
  "dropdownPlaceholder": string;
520
589
  "endDateLabel": string;
521
590
  "firstDropdownLabel": string;
@@ -537,7 +606,7 @@ export namespace Components {
537
606
  "dateButtonText": string;
538
607
  "dateDaysFromToday": number;
539
608
  "datePlaceholder": string;
540
- "dropdownData": string | Root1[];
609
+ "dropdownData": string | Root2[];
541
610
  "dropdownPlaceholder": string;
542
611
  "endDateLabel": string;
543
612
  "firstDropdownLabel": string;
@@ -555,6 +624,11 @@ export namespace Components {
555
624
  "startDateLabel": string;
556
625
  "yearsToAddToEndDate": number;
557
626
  }
627
+ interface PnMultipleInput {
628
+ "addRowButtonText": string;
629
+ "label": string;
630
+ "placeholder": string;
631
+ }
558
632
  interface PnParcelTracker {
559
633
  "buttonLabel": string;
560
634
  "formActionUrl": string;
@@ -863,6 +937,14 @@ export interface PnDropdownChoiceAddsRowCustomEvent<T> extends CustomEvent<T> {
863
937
  detail: T;
864
938
  target: HTMLPnDropdownChoiceAddsRowElement;
865
939
  }
940
+ export interface PnDropdownWithMultiInputRowsCustomEvent<T> extends CustomEvent<T> {
941
+ detail: T;
942
+ target: HTMLPnDropdownWithMultiInputRowsElement;
943
+ }
944
+ export interface PnDropdownWithMultiInputRowsRowCustomEvent<T> extends CustomEvent<T> {
945
+ detail: T;
946
+ target: HTMLPnDropdownWithMultiInputRowsRowElement;
947
+ }
866
948
  export interface PnLanguageSelectorCustomEvent<T> extends CustomEvent<T> {
867
949
  detail: T;
868
950
  target: HTMLPnLanguageSelectorElement;
@@ -899,6 +981,10 @@ export interface PnMultiRowConnectedDropdownRowCustomEvent<T> extends CustomEven
899
981
  detail: T;
900
982
  target: HTMLPnMultiRowConnectedDropdownRowElement;
901
983
  }
984
+ export interface PnMultipleInputCustomEvent<T> extends CustomEvent<T> {
985
+ detail: T;
986
+ target: HTMLPnMultipleInputElement;
987
+ }
902
988
  export interface PnProfileModalCustomernumberCustomEvent<T> extends CustomEvent<T> {
903
989
  detail: T;
904
990
  target: HTMLPnProfileModalCustomernumberElement;
@@ -966,6 +1052,12 @@ declare global {
966
1052
  prototype: HTMLPnChoiceButtonElement;
967
1053
  new (): HTMLPnChoiceButtonElement;
968
1054
  };
1055
+ interface HTMLPnCtaBlockElement extends Components.PnCtaBlock, HTMLStencilElement {
1056
+ }
1057
+ var HTMLPnCtaBlockElement: {
1058
+ prototype: HTMLPnCtaBlockElement;
1059
+ new (): HTMLPnCtaBlockElement;
1060
+ };
969
1061
  interface HTMLPnCustomernumberSelectorElement extends Components.PnCustomernumberSelector, HTMLStencilElement {
970
1062
  }
971
1063
  var HTMLPnCustomernumberSelectorElement: {
@@ -990,6 +1082,18 @@ declare global {
990
1082
  prototype: HTMLPnDropdownChoiceAddsRowElement;
991
1083
  new (): HTMLPnDropdownChoiceAddsRowElement;
992
1084
  };
1085
+ interface HTMLPnDropdownWithMultiInputRowsElement extends Components.PnDropdownWithMultiInputRows, HTMLStencilElement {
1086
+ }
1087
+ var HTMLPnDropdownWithMultiInputRowsElement: {
1088
+ prototype: HTMLPnDropdownWithMultiInputRowsElement;
1089
+ new (): HTMLPnDropdownWithMultiInputRowsElement;
1090
+ };
1091
+ interface HTMLPnDropdownWithMultiInputRowsRowElement extends Components.PnDropdownWithMultiInputRowsRow, HTMLStencilElement {
1092
+ }
1093
+ var HTMLPnDropdownWithMultiInputRowsRowElement: {
1094
+ prototype: HTMLPnDropdownWithMultiInputRowsRowElement;
1095
+ new (): HTMLPnDropdownWithMultiInputRowsRowElement;
1096
+ };
993
1097
  interface HTMLPnFilterCheckboxElement extends Components.PnFilterCheckbox, HTMLStencilElement {
994
1098
  }
995
1099
  var HTMLPnFilterCheckboxElement: {
@@ -1152,6 +1256,12 @@ declare global {
1152
1256
  prototype: HTMLPnMultiRowConnectedDropdownRowElement;
1153
1257
  new (): HTMLPnMultiRowConnectedDropdownRowElement;
1154
1258
  };
1259
+ interface HTMLPnMultipleInputElement extends Components.PnMultipleInput, HTMLStencilElement {
1260
+ }
1261
+ var HTMLPnMultipleInputElement: {
1262
+ prototype: HTMLPnMultipleInputElement;
1263
+ new (): HTMLPnMultipleInputElement;
1264
+ };
1155
1265
  interface HTMLPnParcelTrackerElement extends Components.PnParcelTracker, HTMLStencilElement {
1156
1266
  }
1157
1267
  var HTMLPnParcelTrackerElement: {
@@ -1426,10 +1536,13 @@ declare global {
1426
1536
  "pn-chart": HTMLPnChartElement;
1427
1537
  "pn-charts-card": HTMLPnChartsCardElement;
1428
1538
  "pn-choice-button": HTMLPnChoiceButtonElement;
1539
+ "pn-cta-block": HTMLPnCtaBlockElement;
1429
1540
  "pn-customernumber-selector": HTMLPnCustomernumberSelectorElement;
1430
1541
  "pn-customernumber-selector-option": HTMLPnCustomernumberSelectorOptionElement;
1431
1542
  "pn-date-and-time": HTMLPnDateAndTimeElement;
1432
1543
  "pn-dropdown-choice-adds-row": HTMLPnDropdownChoiceAddsRowElement;
1544
+ "pn-dropdown-with-multi-input-rows": HTMLPnDropdownWithMultiInputRowsElement;
1545
+ "pn-dropdown-with-multi-input-rows-row": HTMLPnDropdownWithMultiInputRowsRowElement;
1433
1546
  "pn-filter-checkbox": HTMLPnFilterCheckboxElement;
1434
1547
  "pn-find-price": HTMLPnFindPriceElement;
1435
1548
  "pn-find-price-result": HTMLPnFindPriceResultElement;
@@ -1457,6 +1570,7 @@ declare global {
1457
1570
  "pn-multi-formfield": HTMLPnMultiFormfieldElement;
1458
1571
  "pn-multi-row-connected-dropdown": HTMLPnMultiRowConnectedDropdownElement;
1459
1572
  "pn-multi-row-connected-dropdown-row": HTMLPnMultiRowConnectedDropdownRowElement;
1573
+ "pn-multiple-input": HTMLPnMultipleInputElement;
1460
1574
  "pn-parcel-tracker": HTMLPnParcelTrackerElement;
1461
1575
  "pn-pex-pricefinder": HTMLPnPexPricefinderElement;
1462
1576
  "pn-play-on-scroll": HTMLPnPlayOnScrollElement;
@@ -1584,6 +1698,15 @@ declare namespace LocalJSX {
1584
1698
  */
1585
1699
  "value"?: any;
1586
1700
  }
1701
+ interface PnCtaBlock {
1702
+ "bodyText"?: string;
1703
+ "contentTop"?: boolean;
1704
+ "heading"?: string;
1705
+ "isCentered"?: boolean;
1706
+ "isLarge"?: boolean;
1707
+ "isSmall"?: boolean;
1708
+ "pnBackgroundColor"?: string;
1709
+ }
1587
1710
  interface PnCustomernumberSelector {
1588
1711
  "description"?: string;
1589
1712
  "heading"?: string;
@@ -1622,6 +1745,70 @@ declare namespace LocalJSX {
1622
1745
  "rowNameLabel"?: string;
1623
1746
  "totalInputLimit"?: number;
1624
1747
  }
1748
+ interface PnDropdownWithMultiInputRows {
1749
+ "abortDeleteButtonText"?: string;
1750
+ "addRowText"?: string;
1751
+ "confirmDeleteButtonText"?: string;
1752
+ "dateDaysFromToday"?: number;
1753
+ "dateLabel"?: string;
1754
+ "datePlaceholder"?: string;
1755
+ "deleteMultipleRowsWarningText"?: string;
1756
+ "dropdownData"?: string | Root1[];
1757
+ "elementHelperText"?: string;
1758
+ "firstDropdownHelperText"?: string;
1759
+ "firstDropdownLabel"?: string;
1760
+ "firstInputHighErrorText"?: string;
1761
+ "firstInputLowErrorText"?: string;
1762
+ "firstInputMax"?: number;
1763
+ "firstInputMin"?: number;
1764
+ "firstInputWarning"?: number;
1765
+ "firstInputWarningText"?: string;
1766
+ "fristInputLabel"?: string;
1767
+ "fristInputPlaceholder"?: string;
1768
+ "languageCode"?: string;
1769
+ "onAllFormValues"?: (event: PnDropdownWithMultiInputRowsCustomEvent<string>) => void;
1770
+ "secondDropdownHelperText"?: string;
1771
+ "secondDropdownLabel"?: string;
1772
+ "secondDropdownMax"?: number;
1773
+ "secondInputHighErrorText"?: string;
1774
+ "secondInputLabel"?: string;
1775
+ "secondInputLowErrorText"?: string;
1776
+ "secondInputMax"?: number;
1777
+ "secondInputMin"?: number;
1778
+ "secondInputPlaceholder"?: string;
1779
+ "secondInputWarning"?: number;
1780
+ "secondInputWarningText"?: string;
1781
+ "sumFieldLabel"?: string;
1782
+ "yearsToAddToEndDate"?: number;
1783
+ }
1784
+ interface PnDropdownWithMultiInputRowsRow {
1785
+ "dateLabel"?: string;
1786
+ "datePlaceholder"?: string;
1787
+ "firstInputHighErrorText"?: string;
1788
+ "firstInputLowErrorText"?: string;
1789
+ "firstInputMax"?: number;
1790
+ "firstInputMin"?: number;
1791
+ "firstInputWarning"?: number;
1792
+ "firstInputWarningText"?: string;
1793
+ "firstValidDate"?: string;
1794
+ "fristInputPlaceholder"?: string;
1795
+ "languageCode"?: string;
1796
+ "lastValidDate"?: string;
1797
+ "minRowCount"?: number;
1798
+ "onDeleteRowEvent"?: (event: PnDropdownWithMultiInputRowsRowCustomEvent<string>) => void;
1799
+ "onFirstInputChange"?: (event: PnDropdownWithMultiInputRowsRowCustomEvent<PredefinedValues>) => void;
1800
+ "onRowValueChange"?: (event: PnDropdownWithMultiInputRowsRowCustomEvent<PredefinedValues>) => void;
1801
+ "onSecondInputChange"?: (event: PnDropdownWithMultiInputRowsRowCustomEvent<PredefinedValues>) => void;
1802
+ "predefinedValue"?: string;
1803
+ "rowIndex"?: number;
1804
+ "secondInputHighErrorText"?: string;
1805
+ "secondInputLowErrorText"?: string;
1806
+ "secondInputMax"?: number;
1807
+ "secondInputMin"?: number;
1808
+ "secondInputPlaceholder"?: string;
1809
+ "secondInputWarning"?: number;
1810
+ "secondInputWarningText"?: string;
1811
+ }
1625
1812
  interface PnFilterCheckbox {
1626
1813
  /**
1627
1814
  * The string you put here will be what you'd make the ID of a native radio button, you can't name props "id" because it's reserved so we went with the more descriptive name "checkboxid", if you want to create labels for your checkbox, you will bind it to this ID
@@ -2025,7 +2212,7 @@ declare namespace LocalJSX {
2025
2212
  "dateButtonText"?: string;
2026
2213
  "dateDaysFromToday"?: number;
2027
2214
  "datePlaceholder"?: string;
2028
- "dropdownData"?: string | Root1[];
2215
+ "dropdownData"?: string | Root2[];
2029
2216
  "dropdownPlaceholder"?: string;
2030
2217
  "endDateLabel"?: string;
2031
2218
  "firstDropdownLabel"?: string;
@@ -2048,7 +2235,7 @@ declare namespace LocalJSX {
2048
2235
  "dateButtonText"?: string;
2049
2236
  "dateDaysFromToday"?: number;
2050
2237
  "datePlaceholder"?: string;
2051
- "dropdownData"?: string | Root1[];
2238
+ "dropdownData"?: string | Root2[];
2052
2239
  "dropdownPlaceholder"?: string;
2053
2240
  "endDateLabel"?: string;
2054
2241
  "firstDropdownLabel"?: string;
@@ -2061,13 +2248,19 @@ declare namespace LocalJSX {
2061
2248
  "multiDateHelperText"?: string;
2062
2249
  "noDatesText"?: string;
2063
2250
  "onDeleteRowEvent"?: (event: PnMultiRowConnectedDropdownRowCustomEvent<string>) => void;
2064
- "onRowValueChange"?: (event: PnMultiRowConnectedDropdownRowCustomEvent<PredefinedValues>) => void;
2251
+ "onRowValueChange"?: (event: PnMultiRowConnectedDropdownRowCustomEvent<PredefinedValues1>) => void;
2065
2252
  "predefinedValue"?: string;
2066
2253
  "saveDateButtonText"?: string;
2067
2254
  "secondDropdownLabel"?: string;
2068
2255
  "startDateLabel"?: string;
2069
2256
  "yearsToAddToEndDate"?: number;
2070
2257
  }
2258
+ interface PnMultipleInput {
2259
+ "addRowButtonText"?: string;
2260
+ "label"?: string;
2261
+ "onAllFormValues"?: (event: PnMultipleInputCustomEvent<string>) => void;
2262
+ "placeholder"?: string;
2263
+ }
2071
2264
  interface PnParcelTracker {
2072
2265
  "buttonLabel"?: string;
2073
2266
  "formActionUrl"?: string;
@@ -2377,10 +2570,13 @@ declare namespace LocalJSX {
2377
2570
  "pn-chart": PnChart;
2378
2571
  "pn-charts-card": PnChartsCard;
2379
2572
  "pn-choice-button": PnChoiceButton;
2573
+ "pn-cta-block": PnCtaBlock;
2380
2574
  "pn-customernumber-selector": PnCustomernumberSelector;
2381
2575
  "pn-customernumber-selector-option": PnCustomernumberSelectorOption;
2382
2576
  "pn-date-and-time": PnDateAndTime;
2383
2577
  "pn-dropdown-choice-adds-row": PnDropdownChoiceAddsRow;
2578
+ "pn-dropdown-with-multi-input-rows": PnDropdownWithMultiInputRows;
2579
+ "pn-dropdown-with-multi-input-rows-row": PnDropdownWithMultiInputRowsRow;
2384
2580
  "pn-filter-checkbox": PnFilterCheckbox;
2385
2581
  "pn-find-price": PnFindPrice;
2386
2582
  "pn-find-price-result": PnFindPriceResult;
@@ -2408,6 +2604,7 @@ declare namespace LocalJSX {
2408
2604
  "pn-multi-formfield": PnMultiFormfield;
2409
2605
  "pn-multi-row-connected-dropdown": PnMultiRowConnectedDropdown;
2410
2606
  "pn-multi-row-connected-dropdown-row": PnMultiRowConnectedDropdownRow;
2607
+ "pn-multiple-input": PnMultipleInput;
2411
2608
  "pn-parcel-tracker": PnParcelTracker;
2412
2609
  "pn-pex-pricefinder": PnPexPricefinder;
2413
2610
  "pn-play-on-scroll": PnPlayOnScroll;
@@ -2467,10 +2664,13 @@ declare module "@stencil/core" {
2467
2664
  "pn-chart": LocalJSX.PnChart & JSXBase.HTMLAttributes<HTMLPnChartElement>;
2468
2665
  "pn-charts-card": LocalJSX.PnChartsCard & JSXBase.HTMLAttributes<HTMLPnChartsCardElement>;
2469
2666
  "pn-choice-button": LocalJSX.PnChoiceButton & JSXBase.HTMLAttributes<HTMLPnChoiceButtonElement>;
2667
+ "pn-cta-block": LocalJSX.PnCtaBlock & JSXBase.HTMLAttributes<HTMLPnCtaBlockElement>;
2470
2668
  "pn-customernumber-selector": LocalJSX.PnCustomernumberSelector & JSXBase.HTMLAttributes<HTMLPnCustomernumberSelectorElement>;
2471
2669
  "pn-customernumber-selector-option": LocalJSX.PnCustomernumberSelectorOption & JSXBase.HTMLAttributes<HTMLPnCustomernumberSelectorOptionElement>;
2472
2670
  "pn-date-and-time": LocalJSX.PnDateAndTime & JSXBase.HTMLAttributes<HTMLPnDateAndTimeElement>;
2473
2671
  "pn-dropdown-choice-adds-row": LocalJSX.PnDropdownChoiceAddsRow & JSXBase.HTMLAttributes<HTMLPnDropdownChoiceAddsRowElement>;
2672
+ "pn-dropdown-with-multi-input-rows": LocalJSX.PnDropdownWithMultiInputRows & JSXBase.HTMLAttributes<HTMLPnDropdownWithMultiInputRowsElement>;
2673
+ "pn-dropdown-with-multi-input-rows-row": LocalJSX.PnDropdownWithMultiInputRowsRow & JSXBase.HTMLAttributes<HTMLPnDropdownWithMultiInputRowsRowElement>;
2474
2674
  "pn-filter-checkbox": LocalJSX.PnFilterCheckbox & JSXBase.HTMLAttributes<HTMLPnFilterCheckboxElement>;
2475
2675
  "pn-find-price": LocalJSX.PnFindPrice & JSXBase.HTMLAttributes<HTMLPnFindPriceElement>;
2476
2676
  "pn-find-price-result": LocalJSX.PnFindPriceResult & JSXBase.HTMLAttributes<HTMLPnFindPriceResultElement>;
@@ -2498,6 +2698,7 @@ declare module "@stencil/core" {
2498
2698
  "pn-multi-formfield": LocalJSX.PnMultiFormfield & JSXBase.HTMLAttributes<HTMLPnMultiFormfieldElement>;
2499
2699
  "pn-multi-row-connected-dropdown": LocalJSX.PnMultiRowConnectedDropdown & JSXBase.HTMLAttributes<HTMLPnMultiRowConnectedDropdownElement>;
2500
2700
  "pn-multi-row-connected-dropdown-row": LocalJSX.PnMultiRowConnectedDropdownRow & JSXBase.HTMLAttributes<HTMLPnMultiRowConnectedDropdownRowElement>;
2701
+ "pn-multiple-input": LocalJSX.PnMultipleInput & JSXBase.HTMLAttributes<HTMLPnMultipleInputElement>;
2501
2702
  "pn-parcel-tracker": LocalJSX.PnParcelTracker & JSXBase.HTMLAttributes<HTMLPnParcelTrackerElement>;
2502
2703
  "pn-pex-pricefinder": LocalJSX.PnPexPricefinder & JSXBase.HTMLAttributes<HTMLPnPexPricefinderElement>;
2503
2704
  "pn-play-on-scroll": LocalJSX.PnPlayOnScroll & JSXBase.HTMLAttributes<HTMLPnPlayOnScrollElement>;
@@ -1,40 +1,41 @@
1
1
  {
2
- "_args": [
3
- [
4
- "@postnord/web-components@4.0.8",
5
- "/opt/atlassian/pipelines/agent/build"
6
- ]
7
- ],
8
- "_development": true,
9
- "_from": "@postnord/web-components@4.0.8",
10
- "_id": "@postnord/web-components@4.0.8",
11
- "_inBundle": false,
12
- "_integrity": "sha512-H7P0niB3+FjeGCYn6Obw3QlBP6LBR+Ae8oyRqRZnLHiNGA9PjOVMEuYb9QpNnJId5Kn80i6dlraWSMmrAH47Ug==",
13
- "_location": "/@postnord/web-components",
14
- "_phantomChildren": {},
15
- "_requested": {
16
- "type": "version",
17
- "registry": true,
18
- "raw": "@postnord/web-components@4.0.8",
19
- "name": "@postnord/web-components",
20
- "escapedName": "@postnord%2fweb-components",
21
- "scope": "@postnord",
22
- "rawSpec": "4.0.8",
23
- "saveSpec": null,
24
- "fetchSpec": "4.0.8"
2
+ "name": "@postnord/web-components",
3
+ "version": "4.0.8",
4
+ "description": "PostNord Web Components",
5
+ "publishConfig": {
6
+ "registry": "https://registry.npmjs.org/"
25
7
  },
26
- "_requiredBy": [
27
- "#DEV:/"
28
- ],
29
- "_resolved": "https://registry.npmjs.org/@postnord/web-components/-/web-components-4.0.8.tgz",
30
- "_spec": "4.0.8",
31
- "_where": "/opt/atlassian/pipelines/agent/build",
8
+ "main": "./index.cjs.js",
9
+ "module": "./index.js",
10
+ "es2015": "./esm/index.mjs",
11
+ "es2017": "./esm/index.mjs",
12
+ "types": "./types/index.d.ts",
32
13
  "collection": "./collection/collection-manifest.json",
33
14
  "collection:main": "./collection/index.js",
15
+ "unpkg": "./postnord-web-components/postnord-web-components.esm.js",
16
+ "files": [
17
+ "*"
18
+ ],
19
+ "scripts": {
20
+ "start": " npm-run-all --parallel stencil storybook",
21
+ "build": "npm-run-all build:assets clean build:stencil build:storybook",
22
+ "build:stencil": "cross-env STENCIL_ENV=prod stencil build --docs",
23
+ "build:storybook": "build-storybook",
24
+ "build:assets": "node ./scripts/createIconFile.js && node ./scripts/createColorFile.js && node ./scripts/createIllustrationsFile.js",
25
+ "generate": "plop",
26
+ "prestart": "npm-run-all kill clean build:assets build:stencil",
27
+ "kill": "kill-port 3333 6006",
28
+ "clean": "rm -rf ./ loader/ www/",
29
+ "exposed": "npm-run-all --parallel start script:exposed",
30
+ "stencil": "cross-env STENCIL_ENV=dev stencil build --watch --serve",
31
+ "storybook": "start-storybook -p 6006",
32
+ "script:exposed": "./scripts/expose_server.sh",
33
+ "test": "cross-env STENCIL_ENV=dev stencil test --spec --e2e",
34
+ "test:watch": "cross-env STENCIL_ENV=dev stencil test --spec --e2e --watchAll"
35
+ },
34
36
  "dependencies": {
35
37
  "@stencil/core": "^2.16.1"
36
38
  },
37
- "description": "PostNord Web Components",
38
39
  "devDependencies": {
39
40
  "@babel/core": "^7.18.5",
40
41
  "@stencil/sass": "^1.5.2",
@@ -76,36 +77,5 @@
76
77
  "svgo": "^2.8.0",
77
78
  "webpack": "^5.73.0"
78
79
  },
79
- "es2015": "./esm/index.mjs",
80
- "es2017": "./esm/index.mjs",
81
- "files": [
82
- "*"
83
- ],
84
- "license": "MIT",
85
- "main": "./index.cjs.js",
86
- "module": "./index.js",
87
- "name": "@postnord/web-components",
88
- "publishConfig": {
89
- "registry": "https://registry.npmjs.org/"
90
- },
91
- "scripts": {
92
- "build": "npm-run-all build:assets clean build:stencil build:storybook",
93
- "build:assets": "node ./scripts/createIconFile.js && node ./scripts/createColorFile.js && node ./scripts/createIllustrationsFile.js",
94
- "build:stencil": "cross-env STENCIL_ENV=prod stencil build --docs",
95
- "build:storybook": "build-storybook",
96
- "clean": "rm -rf ./ loader/ www/",
97
- "exposed": "npm-run-all --parallel start script:exposed",
98
- "generate": "plop",
99
- "kill": "kill-port 3333 6006",
100
- "prestart": "npm-run-all kill clean build:assets build:stencil",
101
- "script:exposed": "./scripts/expose_server.sh",
102
- "start": " npm-run-all --parallel stencil storybook",
103
- "stencil": "cross-env STENCIL_ENV=dev stencil build --watch --serve",
104
- "storybook": "start-storybook -p 6006",
105
- "test": "cross-env STENCIL_ENV=dev stencil test --spec --e2e",
106
- "test:watch": "cross-env STENCIL_ENV=dev stencil test --spec --e2e --watchAll"
107
- },
108
- "types": "./types/index.d.ts",
109
- "unpkg": "./postnord-web-components/postnord-web-components.esm.js",
110
- "version": "4.0.8"
80
+ "license": "MIT"
111
81
  }