@paperless/react 2.0.1-beta.9 → 2.22.0-alpha.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.
- package/dist/components.js +694 -0
- package/dist/components.js.map +1 -0
- package/dist/index.js +1 -1
- package/dist/types/components.d.ts +347 -0
- package/dist/types/index.d.ts +1 -0
- package/package.json +14 -16
- package/CHANGELOG.md +0 -5538
- package/dist/components/index.d.ts +0 -1
- package/dist/components/index.js +0 -2
- package/dist/components/index.js.map +0 -1
- package/dist/components/stencil/index.d.ts +0 -73
- package/dist/components/stencil/index.js +0 -78
- package/dist/components/stencil/index.js.map +0 -1
- package/dist/components/stencil/react-component-lib/createComponent.d.ts +0 -10
- package/dist/components/stencil/react-component-lib/createComponent.js +0 -75
- package/dist/components/stencil/react-component-lib/createComponent.js.map +0 -1
- package/dist/components/stencil/react-component-lib/createOverlayComponent.d.ts +0 -21
- package/dist/components/stencil/react-component-lib/createOverlayComponent.js +0 -109
- package/dist/components/stencil/react-component-lib/createOverlayComponent.js.map +0 -1
- package/dist/components/stencil/react-component-lib/index.d.ts +0 -2
- package/dist/components/stencil/react-component-lib/index.js +0 -3
- package/dist/components/stencil/react-component-lib/index.js.map +0 -1
- package/dist/components/stencil/react-component-lib/interfaces.d.ts +0 -29
- package/dist/components/stencil/react-component-lib/interfaces.js +0 -2
- package/dist/components/stencil/react-component-lib/interfaces.js.map +0 -1
- package/dist/components/stencil/react-component-lib/utils/attachProps.d.ts +0 -12
- package/dist/components/stencil/react-component-lib/utils/attachProps.js +0 -98
- package/dist/components/stencil/react-component-lib/utils/attachProps.js.map +0 -1
- package/dist/components/stencil/react-component-lib/utils/case.d.ts +0 -2
- package/dist/components/stencil/react-component-lib/utils/case.js +0 -7
- package/dist/components/stencil/react-component-lib/utils/case.js.map +0 -1
- package/dist/components/stencil/react-component-lib/utils/dev.d.ts +0 -2
- package/dist/components/stencil/react-component-lib/utils/dev.js +0 -13
- package/dist/components/stencil/react-component-lib/utils/dev.js.map +0 -1
- package/dist/components/stencil/react-component-lib/utils/index.d.ts +0 -10
- package/dist/components/stencil/react-component-lib/utils/index.js +0 -32
- package/dist/components/stencil/react-component-lib/utils/index.js.map +0 -1
- package/dist/index.d.ts +0 -1
|
@@ -0,0 +1,694 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { PAccordion as PAccordionElement, defineCustomElement as definePAccordion } from "@paperless/core/components/p-accordion.js";
|
|
3
|
+
import { PAttachment as PAttachmentElement, defineCustomElement as definePAttachment } from "@paperless/core/components/p-attachment.js";
|
|
4
|
+
import { PAvatarGroup as PAvatarGroupElement, defineCustomElement as definePAvatarGroup } from "@paperless/core/components/p-avatar-group.js";
|
|
5
|
+
import { PAvatar as PAvatarElement, defineCustomElement as definePAvatar } from "@paperless/core/components/p-avatar.js";
|
|
6
|
+
import { PBackdrop as PBackdropElement, defineCustomElement as definePBackdrop } from "@paperless/core/components/p-backdrop.js";
|
|
7
|
+
import { PBadge as PBadgeElement, defineCustomElement as definePBadge } from "@paperless/core/components/p-badge.js";
|
|
8
|
+
import { PButtonGroup as PButtonGroupElement, defineCustomElement as definePButtonGroup } from "@paperless/core/components/p-button-group.js";
|
|
9
|
+
import { PButton as PButtonElement, defineCustomElement as definePButton } from "@paperless/core/components/p-button.js";
|
|
10
|
+
import { PCalendar as PCalendarElement, defineCustomElement as definePCalendar } from "@paperless/core/components/p-calendar.js";
|
|
11
|
+
import { PCardBody as PCardBodyElement, defineCustomElement as definePCardBody } from "@paperless/core/components/p-card-body.js";
|
|
12
|
+
import { PCardContainer as PCardContainerElement, defineCustomElement as definePCardContainer } from "@paperless/core/components/p-card-container.js";
|
|
13
|
+
import { PCardHeader as PCardHeaderElement, defineCustomElement as definePCardHeader } from "@paperless/core/components/p-card-header.js";
|
|
14
|
+
import { PCheckbox as PCheckboxElement, defineCustomElement as definePCheckbox } from "@paperless/core/components/p-checkbox.js";
|
|
15
|
+
import { PContentSlider as PContentSliderElement, defineCustomElement as definePContentSlider } from "@paperless/core/components/p-content-slider.js";
|
|
16
|
+
import { PCropper as PCropperElement, defineCustomElement as definePCropper } from "@paperless/core/components/p-cropper.js";
|
|
17
|
+
import { PDatepicker as PDatepickerElement, defineCustomElement as definePDatepicker } from "@paperless/core/components/p-datepicker.js";
|
|
18
|
+
import { PDivider as PDividerElement, defineCustomElement as definePDivider } from "@paperless/core/components/p-divider.js";
|
|
19
|
+
import { PDrawerBody as PDrawerBodyElement, defineCustomElement as definePDrawerBody } from "@paperless/core/components/p-drawer-body.js";
|
|
20
|
+
import { PDrawerContainer as PDrawerContainerElement, defineCustomElement as definePDrawerContainer } from "@paperless/core/components/p-drawer-container.js";
|
|
21
|
+
import { PDrawerHeader as PDrawerHeaderElement, defineCustomElement as definePDrawerHeader } from "@paperless/core/components/p-drawer-header.js";
|
|
22
|
+
import { PDrawer as PDrawerElement, defineCustomElement as definePDrawer } from "@paperless/core/components/p-drawer.js";
|
|
23
|
+
import { PDropdownMenuContainer as PDropdownMenuContainerElement, defineCustomElement as definePDropdownMenuContainer } from "@paperless/core/components/p-dropdown-menu-container.js";
|
|
24
|
+
import { PDropdownMenuItem as PDropdownMenuItemElement, defineCustomElement as definePDropdownMenuItem } from "@paperless/core/components/p-dropdown-menu-item.js";
|
|
25
|
+
import { PDropdown as PDropdownElement, defineCustomElement as definePDropdown } from "@paperless/core/components/p-dropdown.js";
|
|
26
|
+
import { PEmptyState as PEmptyStateElement, defineCustomElement as definePEmptyState } from "@paperless/core/components/p-empty-state.js";
|
|
27
|
+
import { PFieldContainer as PFieldContainerElement, defineCustomElement as definePFieldContainer } from "@paperless/core/components/p-field-container.js";
|
|
28
|
+
import { PField as PFieldElement, defineCustomElement as definePField } from "@paperless/core/components/p-field.js";
|
|
29
|
+
import { PFloatingMenuContainer as PFloatingMenuContainerElement, defineCustomElement as definePFloatingMenuContainer } from "@paperless/core/components/p-floating-menu-container.js";
|
|
30
|
+
import { PFloatingMenuItem as PFloatingMenuItemElement, defineCustomElement as definePFloatingMenuItem } from "@paperless/core/components/p-floating-menu-item.js";
|
|
31
|
+
import { PHelper as PHelperElement, defineCustomElement as definePHelper } from "@paperless/core/components/p-helper.js";
|
|
32
|
+
import { PIbanIcon as PIbanIconElement, defineCustomElement as definePIbanIcon } from "@paperless/core/components/p-iban-icon.js";
|
|
33
|
+
import { PIcon as PIconElement, defineCustomElement as definePIcon } from "@paperless/core/components/p-icon.js";
|
|
34
|
+
import { PIllustration as PIllustrationElement, defineCustomElement as definePIllustration } from "@paperless/core/components/p-illustration.js";
|
|
35
|
+
import { PInfoPanel as PInfoPanelElement, defineCustomElement as definePInfoPanel } from "@paperless/core/components/p-info-panel.js";
|
|
36
|
+
import { PLabel as PLabelElement, defineCustomElement as definePLabel } from "@paperless/core/components/p-label.js";
|
|
37
|
+
import { PLayout as PLayoutElement, defineCustomElement as definePLayout } from "@paperless/core/components/p-layout.js";
|
|
38
|
+
import { PListingItem as PListingItemElement, defineCustomElement as definePListingItem } from "@paperless/core/components/p-listing-item.js";
|
|
39
|
+
import { PListingLine as PListingLineElement, defineCustomElement as definePListingLine } from "@paperless/core/components/p-listing-line.js";
|
|
40
|
+
import { PListing as PListingElement, defineCustomElement as definePListing } from "@paperless/core/components/p-listing.js";
|
|
41
|
+
import { PLoader as PLoaderElement, defineCustomElement as definePLoader } from "@paperless/core/components/p-loader.js";
|
|
42
|
+
import { PModalBody as PModalBodyElement, defineCustomElement as definePModalBody } from "@paperless/core/components/p-modal-body.js";
|
|
43
|
+
import { PModalContainer as PModalContainerElement, defineCustomElement as definePModalContainer } from "@paperless/core/components/p-modal-container.js";
|
|
44
|
+
import { PModalFooter as PModalFooterElement, defineCustomElement as definePModalFooter } from "@paperless/core/components/p-modal-footer.js";
|
|
45
|
+
import { PModalHeader as PModalHeaderElement, defineCustomElement as definePModalHeader } from "@paperless/core/components/p-modal-header.js";
|
|
46
|
+
import { PModal as PModalElement, defineCustomElement as definePModal } from "@paperless/core/components/p-modal.js";
|
|
47
|
+
import { PNavbar as PNavbarElement, defineCustomElement as definePNavbar } from "@paperless/core/components/p-navbar.js";
|
|
48
|
+
import { PNavigationItem as PNavigationItemElement, defineCustomElement as definePNavigationItem } from "@paperless/core/components/p-navigation-item.js";
|
|
49
|
+
import { PNavigationSection as PNavigationSectionElement, defineCustomElement as definePNavigationSection } from "@paperless/core/components/p-navigation-section.js";
|
|
50
|
+
import { PNavigationTitle as PNavigationTitleElement, defineCustomElement as definePNavigationTitle } from "@paperless/core/components/p-navigation-title.js";
|
|
51
|
+
import { PPaginationPagesItem as PPaginationPagesItemElement, defineCustomElement as definePPaginationPagesItem } from "@paperless/core/components/p-pagination-pages-item.js";
|
|
52
|
+
import { PPaginationPages as PPaginationPagesElement, defineCustomElement as definePPaginationPages } from "@paperless/core/components/p-pagination-pages.js";
|
|
53
|
+
import { PPaginationSize as PPaginationSizeElement, defineCustomElement as definePPaginationSize } from "@paperless/core/components/p-pagination-size.js";
|
|
54
|
+
import { PPagination as PPaginationElement, defineCustomElement as definePPagination } from "@paperless/core/components/p-pagination.js";
|
|
55
|
+
import { PProfile as PProfileElement, defineCustomElement as definePProfile } from "@paperless/core/components/p-profile.js";
|
|
56
|
+
import { PRadio as PRadioElement, defineCustomElement as definePRadio } from "@paperless/core/components/p-radio.js";
|
|
57
|
+
import { PRange as PRangeElement, defineCustomElement as definePRange } from "@paperless/core/components/p-range.js";
|
|
58
|
+
import { PSegmentContainer as PSegmentContainerElement, defineCustomElement as definePSegmentContainer } from "@paperless/core/components/p-segment-container.js";
|
|
59
|
+
import { PSegmentItem as PSegmentItemElement, defineCustomElement as definePSegmentItem } from "@paperless/core/components/p-segment-item.js";
|
|
60
|
+
import { PSelect as PSelectElement, defineCustomElement as definePSelect } from "@paperless/core/components/p-select.js";
|
|
61
|
+
import { PSmile as PSmileElement, defineCustomElement as definePSmile } from "@paperless/core/components/p-smile.js";
|
|
62
|
+
import { PStepperItem as PStepperItemElement, defineCustomElement as definePStepperItem } from "@paperless/core/components/p-stepper-item.js";
|
|
63
|
+
import { PStepperLine as PStepperLineElement, defineCustomElement as definePStepperLine } from "@paperless/core/components/p-stepper-line.js";
|
|
64
|
+
import { PStepper as PStepperElement, defineCustomElement as definePStepper } from "@paperless/core/components/p-stepper.js";
|
|
65
|
+
import { PTabContainer as PTabContainerElement, defineCustomElement as definePTabContainer } from "@paperless/core/components/p-tab-container.js";
|
|
66
|
+
import { PTabItem as PTabItemElement, defineCustomElement as definePTabItem } from "@paperless/core/components/p-tab-item.js";
|
|
67
|
+
import { PTableCell as PTableCellElement, defineCustomElement as definePTableCell } from "@paperless/core/components/p-table-cell.js";
|
|
68
|
+
import { PTableColumn as PTableColumnElement, defineCustomElement as definePTableColumn } from "@paperless/core/components/p-table-column.js";
|
|
69
|
+
import { PTableContainer as PTableContainerElement, defineCustomElement as definePTableContainer } from "@paperless/core/components/p-table-container.js";
|
|
70
|
+
import { PTableExtraHeader as PTableExtraHeaderElement, defineCustomElement as definePTableExtraHeader } from "@paperless/core/components/p-table-extra-header.js";
|
|
71
|
+
import { PTableFooter as PTableFooterElement, defineCustomElement as definePTableFooter } from "@paperless/core/components/p-table-footer.js";
|
|
72
|
+
import { PTableHeader as PTableHeaderElement, defineCustomElement as definePTableHeader } from "@paperless/core/components/p-table-header.js";
|
|
73
|
+
import { PTableRowAction as PTableRowActionElement, defineCustomElement as definePTableRowAction } from "@paperless/core/components/p-table-row-action.js";
|
|
74
|
+
import { PTableRowActionsContainer as PTableRowActionsContainerElement, defineCustomElement as definePTableRowActionsContainer } from "@paperless/core/components/p-table-row-actions-container.js";
|
|
75
|
+
import { PTableRow as PTableRowElement, defineCustomElement as definePTableRow } from "@paperless/core/components/p-table-row.js";
|
|
76
|
+
import { PTable as PTableElement, defineCustomElement as definePTable } from "@paperless/core/components/p-table.js";
|
|
77
|
+
import { PToastContainer as PToastContainerElement, defineCustomElement as definePToastContainer } from "@paperless/core/components/p-toast-container.js";
|
|
78
|
+
import { PToast as PToastElement, defineCustomElement as definePToast } from "@paperless/core/components/p-toast.js";
|
|
79
|
+
import { PToggle as PToggleElement, defineCustomElement as definePToggle } from "@paperless/core/components/p-toggle.js";
|
|
80
|
+
import { PTooltip as PTooltipElement, defineCustomElement as definePTooltip } from "@paperless/core/components/p-tooltip.js";
|
|
81
|
+
import { createComponent } from '@stencil/react-output-target/runtime';
|
|
82
|
+
import React from 'react';
|
|
83
|
+
export const PAccordion = createComponent({
|
|
84
|
+
tagName: 'p-accordion',
|
|
85
|
+
elementClass: PAccordionElement,
|
|
86
|
+
react: React,
|
|
87
|
+
events: { onIsOpen: 'isOpen' },
|
|
88
|
+
defineCustomElement: definePAccordion
|
|
89
|
+
});
|
|
90
|
+
export const PAttachment = createComponent({
|
|
91
|
+
tagName: 'p-attachment',
|
|
92
|
+
elementClass: PAttachmentElement,
|
|
93
|
+
react: React,
|
|
94
|
+
events: {
|
|
95
|
+
onUpload: 'upload',
|
|
96
|
+
onDownload: 'download',
|
|
97
|
+
onDelete: 'delete'
|
|
98
|
+
},
|
|
99
|
+
defineCustomElement: definePAttachment
|
|
100
|
+
});
|
|
101
|
+
export const PAvatar = createComponent({
|
|
102
|
+
tagName: 'p-avatar',
|
|
103
|
+
elementClass: PAvatarElement,
|
|
104
|
+
react: React,
|
|
105
|
+
events: {},
|
|
106
|
+
defineCustomElement: definePAvatar
|
|
107
|
+
});
|
|
108
|
+
export const PAvatarGroup = createComponent({
|
|
109
|
+
tagName: 'p-avatar-group',
|
|
110
|
+
elementClass: PAvatarGroupElement,
|
|
111
|
+
react: React,
|
|
112
|
+
events: {},
|
|
113
|
+
defineCustomElement: definePAvatarGroup
|
|
114
|
+
});
|
|
115
|
+
export const PBackdrop = createComponent({
|
|
116
|
+
tagName: 'p-backdrop',
|
|
117
|
+
elementClass: PBackdropElement,
|
|
118
|
+
react: React,
|
|
119
|
+
events: { onClicked: 'clicked' },
|
|
120
|
+
defineCustomElement: definePBackdrop
|
|
121
|
+
});
|
|
122
|
+
export const PBadge = createComponent({
|
|
123
|
+
tagName: 'p-badge',
|
|
124
|
+
elementClass: PBadgeElement,
|
|
125
|
+
react: React,
|
|
126
|
+
events: {},
|
|
127
|
+
defineCustomElement: definePBadge
|
|
128
|
+
});
|
|
129
|
+
export const PButton = createComponent({
|
|
130
|
+
tagName: 'p-button',
|
|
131
|
+
elementClass: PButtonElement,
|
|
132
|
+
react: React,
|
|
133
|
+
events: { onOnClick: 'onClick' },
|
|
134
|
+
defineCustomElement: definePButton
|
|
135
|
+
});
|
|
136
|
+
export const PButtonGroup = createComponent({
|
|
137
|
+
tagName: 'p-button-group',
|
|
138
|
+
elementClass: PButtonGroupElement,
|
|
139
|
+
react: React,
|
|
140
|
+
events: {},
|
|
141
|
+
defineCustomElement: definePButtonGroup
|
|
142
|
+
});
|
|
143
|
+
export const PCalendar = createComponent({
|
|
144
|
+
tagName: 'p-calendar',
|
|
145
|
+
elementClass: PCalendarElement,
|
|
146
|
+
react: React,
|
|
147
|
+
events: { onValueChange: 'valueChange' },
|
|
148
|
+
defineCustomElement: definePCalendar
|
|
149
|
+
});
|
|
150
|
+
export const PCardBody = createComponent({
|
|
151
|
+
tagName: 'p-card-body',
|
|
152
|
+
elementClass: PCardBodyElement,
|
|
153
|
+
react: React,
|
|
154
|
+
events: {},
|
|
155
|
+
defineCustomElement: definePCardBody
|
|
156
|
+
});
|
|
157
|
+
export const PCardContainer = createComponent({
|
|
158
|
+
tagName: 'p-card-container',
|
|
159
|
+
elementClass: PCardContainerElement,
|
|
160
|
+
react: React,
|
|
161
|
+
events: {},
|
|
162
|
+
defineCustomElement: definePCardContainer
|
|
163
|
+
});
|
|
164
|
+
export const PCardHeader = createComponent({
|
|
165
|
+
tagName: 'p-card-header',
|
|
166
|
+
elementClass: PCardHeaderElement,
|
|
167
|
+
react: React,
|
|
168
|
+
events: {},
|
|
169
|
+
defineCustomElement: definePCardHeader
|
|
170
|
+
});
|
|
171
|
+
export const PCheckbox = createComponent({
|
|
172
|
+
tagName: 'p-checkbox',
|
|
173
|
+
elementClass: PCheckboxElement,
|
|
174
|
+
react: React,
|
|
175
|
+
events: {
|
|
176
|
+
onCheckedChange: 'checkedChange',
|
|
177
|
+
onIndeterminateChange: 'indeterminateChange'
|
|
178
|
+
},
|
|
179
|
+
defineCustomElement: definePCheckbox
|
|
180
|
+
});
|
|
181
|
+
export const PContentSlider = createComponent({
|
|
182
|
+
tagName: 'p-content-slider',
|
|
183
|
+
elementClass: PContentSliderElement,
|
|
184
|
+
react: React,
|
|
185
|
+
events: {},
|
|
186
|
+
defineCustomElement: definePContentSlider
|
|
187
|
+
});
|
|
188
|
+
export const PCropper = createComponent({
|
|
189
|
+
tagName: 'p-cropper',
|
|
190
|
+
elementClass: PCropperElement,
|
|
191
|
+
react: React,
|
|
192
|
+
events: { onValueChange: 'valueChange' },
|
|
193
|
+
defineCustomElement: definePCropper
|
|
194
|
+
});
|
|
195
|
+
export const PDatepicker = createComponent({
|
|
196
|
+
tagName: 'p-datepicker',
|
|
197
|
+
elementClass: PDatepickerElement,
|
|
198
|
+
react: React,
|
|
199
|
+
events: { onValueChange: 'valueChange' },
|
|
200
|
+
defineCustomElement: definePDatepicker
|
|
201
|
+
});
|
|
202
|
+
export const PDivider = createComponent({
|
|
203
|
+
tagName: 'p-divider',
|
|
204
|
+
elementClass: PDividerElement,
|
|
205
|
+
react: React,
|
|
206
|
+
events: {},
|
|
207
|
+
defineCustomElement: definePDivider
|
|
208
|
+
});
|
|
209
|
+
export const PDrawer = createComponent({
|
|
210
|
+
tagName: 'p-drawer',
|
|
211
|
+
elementClass: PDrawerElement,
|
|
212
|
+
react: React,
|
|
213
|
+
events: {
|
|
214
|
+
onCloseClicked: 'closeClicked',
|
|
215
|
+
onClosed: 'closed'
|
|
216
|
+
},
|
|
217
|
+
defineCustomElement: definePDrawer
|
|
218
|
+
});
|
|
219
|
+
export const PDrawerBody = createComponent({
|
|
220
|
+
tagName: 'p-drawer-body',
|
|
221
|
+
elementClass: PDrawerBodyElement,
|
|
222
|
+
react: React,
|
|
223
|
+
events: {},
|
|
224
|
+
defineCustomElement: definePDrawerBody
|
|
225
|
+
});
|
|
226
|
+
export const PDrawerContainer = createComponent({
|
|
227
|
+
tagName: 'p-drawer-container',
|
|
228
|
+
elementClass: PDrawerContainerElement,
|
|
229
|
+
react: React,
|
|
230
|
+
events: {},
|
|
231
|
+
defineCustomElement: definePDrawerContainer
|
|
232
|
+
});
|
|
233
|
+
export const PDrawerHeader = createComponent({
|
|
234
|
+
tagName: 'p-drawer-header',
|
|
235
|
+
elementClass: PDrawerHeaderElement,
|
|
236
|
+
react: React,
|
|
237
|
+
events: { onClose: 'close' },
|
|
238
|
+
defineCustomElement: definePDrawerHeader
|
|
239
|
+
});
|
|
240
|
+
export const PDropdown = createComponent({
|
|
241
|
+
tagName: 'p-dropdown',
|
|
242
|
+
elementClass: PDropdownElement,
|
|
243
|
+
react: React,
|
|
244
|
+
events: { onIsOpen: 'isOpen' },
|
|
245
|
+
defineCustomElement: definePDropdown
|
|
246
|
+
});
|
|
247
|
+
export const PDropdownMenuContainer = createComponent({
|
|
248
|
+
tagName: 'p-dropdown-menu-container',
|
|
249
|
+
elementClass: PDropdownMenuContainerElement,
|
|
250
|
+
react: React,
|
|
251
|
+
events: {},
|
|
252
|
+
defineCustomElement: definePDropdownMenuContainer
|
|
253
|
+
});
|
|
254
|
+
export const PDropdownMenuItem = createComponent({
|
|
255
|
+
tagName: 'p-dropdown-menu-item',
|
|
256
|
+
elementClass: PDropdownMenuItemElement,
|
|
257
|
+
react: React,
|
|
258
|
+
events: {},
|
|
259
|
+
defineCustomElement: definePDropdownMenuItem
|
|
260
|
+
});
|
|
261
|
+
export const PEmptyState = createComponent({
|
|
262
|
+
tagName: 'p-empty-state',
|
|
263
|
+
elementClass: PEmptyStateElement,
|
|
264
|
+
react: React,
|
|
265
|
+
events: { onAction: 'action' },
|
|
266
|
+
defineCustomElement: definePEmptyState
|
|
267
|
+
});
|
|
268
|
+
export const PField = createComponent({
|
|
269
|
+
tagName: 'p-field',
|
|
270
|
+
elementClass: PFieldElement,
|
|
271
|
+
react: React,
|
|
272
|
+
events: {
|
|
273
|
+
onValueChange: 'valueChange',
|
|
274
|
+
onInputRefChange: 'inputRefChange',
|
|
275
|
+
onAdd: 'add',
|
|
276
|
+
onEnter: 'enter'
|
|
277
|
+
},
|
|
278
|
+
defineCustomElement: definePField
|
|
279
|
+
});
|
|
280
|
+
export const PFieldContainer = createComponent({
|
|
281
|
+
tagName: 'p-field-container',
|
|
282
|
+
elementClass: PFieldContainerElement,
|
|
283
|
+
react: React,
|
|
284
|
+
events: { onFocus: 'focus' },
|
|
285
|
+
defineCustomElement: definePFieldContainer
|
|
286
|
+
});
|
|
287
|
+
export const PFloatingMenuContainer = createComponent({
|
|
288
|
+
tagName: 'p-floating-menu-container',
|
|
289
|
+
elementClass: PFloatingMenuContainerElement,
|
|
290
|
+
react: React,
|
|
291
|
+
events: { onClose: 'close' },
|
|
292
|
+
defineCustomElement: definePFloatingMenuContainer
|
|
293
|
+
});
|
|
294
|
+
export const PFloatingMenuItem = createComponent({
|
|
295
|
+
tagName: 'p-floating-menu-item',
|
|
296
|
+
elementClass: PFloatingMenuItemElement,
|
|
297
|
+
react: React,
|
|
298
|
+
events: {},
|
|
299
|
+
defineCustomElement: definePFloatingMenuItem
|
|
300
|
+
});
|
|
301
|
+
export const PHelper = createComponent({
|
|
302
|
+
tagName: 'p-helper',
|
|
303
|
+
elementClass: PHelperElement,
|
|
304
|
+
react: React,
|
|
305
|
+
events: {},
|
|
306
|
+
defineCustomElement: definePHelper
|
|
307
|
+
});
|
|
308
|
+
export const PIbanIcon = createComponent({
|
|
309
|
+
tagName: 'p-iban-icon',
|
|
310
|
+
elementClass: PIbanIconElement,
|
|
311
|
+
react: React,
|
|
312
|
+
events: {},
|
|
313
|
+
defineCustomElement: definePIbanIcon
|
|
314
|
+
});
|
|
315
|
+
export const PIcon = createComponent({
|
|
316
|
+
tagName: 'p-icon',
|
|
317
|
+
elementClass: PIconElement,
|
|
318
|
+
react: React,
|
|
319
|
+
events: {},
|
|
320
|
+
defineCustomElement: definePIcon
|
|
321
|
+
});
|
|
322
|
+
export const PIllustration = createComponent({
|
|
323
|
+
tagName: 'p-illustration',
|
|
324
|
+
elementClass: PIllustrationElement,
|
|
325
|
+
react: React,
|
|
326
|
+
events: {},
|
|
327
|
+
defineCustomElement: definePIllustration
|
|
328
|
+
});
|
|
329
|
+
export const PInfoPanel = createComponent({
|
|
330
|
+
tagName: 'p-info-panel',
|
|
331
|
+
elementClass: PInfoPanelElement,
|
|
332
|
+
react: React,
|
|
333
|
+
events: { onClosed: 'closed' },
|
|
334
|
+
defineCustomElement: definePInfoPanel
|
|
335
|
+
});
|
|
336
|
+
export const PLabel = createComponent({
|
|
337
|
+
tagName: 'p-label',
|
|
338
|
+
elementClass: PLabelElement,
|
|
339
|
+
react: React,
|
|
340
|
+
events: {},
|
|
341
|
+
defineCustomElement: definePLabel
|
|
342
|
+
});
|
|
343
|
+
export const PLayout = createComponent({
|
|
344
|
+
tagName: 'p-layout',
|
|
345
|
+
elementClass: PLayoutElement,
|
|
346
|
+
react: React,
|
|
347
|
+
events: { onScroll: 'scroll' },
|
|
348
|
+
defineCustomElement: definePLayout
|
|
349
|
+
});
|
|
350
|
+
export const PListing = createComponent({
|
|
351
|
+
tagName: 'p-listing',
|
|
352
|
+
elementClass: PListingElement,
|
|
353
|
+
react: React,
|
|
354
|
+
events: {},
|
|
355
|
+
defineCustomElement: definePListing
|
|
356
|
+
});
|
|
357
|
+
export const PListingItem = createComponent({
|
|
358
|
+
tagName: 'p-listing-item',
|
|
359
|
+
elementClass: PListingItemElement,
|
|
360
|
+
react: React,
|
|
361
|
+
events: {},
|
|
362
|
+
defineCustomElement: definePListingItem
|
|
363
|
+
});
|
|
364
|
+
export const PListingLine = createComponent({
|
|
365
|
+
tagName: 'p-listing-line',
|
|
366
|
+
elementClass: PListingLineElement,
|
|
367
|
+
react: React,
|
|
368
|
+
events: {},
|
|
369
|
+
defineCustomElement: definePListingLine
|
|
370
|
+
});
|
|
371
|
+
export const PLoader = createComponent({
|
|
372
|
+
tagName: 'p-loader',
|
|
373
|
+
elementClass: PLoaderElement,
|
|
374
|
+
react: React,
|
|
375
|
+
events: {},
|
|
376
|
+
defineCustomElement: definePLoader
|
|
377
|
+
});
|
|
378
|
+
export const PModal = createComponent({
|
|
379
|
+
tagName: 'p-modal',
|
|
380
|
+
elementClass: PModalElement,
|
|
381
|
+
react: React,
|
|
382
|
+
events: {
|
|
383
|
+
onCloseClicked: 'closeClicked',
|
|
384
|
+
onClosed: 'closed'
|
|
385
|
+
},
|
|
386
|
+
defineCustomElement: definePModal
|
|
387
|
+
});
|
|
388
|
+
export const PModalBody = createComponent({
|
|
389
|
+
tagName: 'p-modal-body',
|
|
390
|
+
elementClass: PModalBodyElement,
|
|
391
|
+
react: React,
|
|
392
|
+
events: {},
|
|
393
|
+
defineCustomElement: definePModalBody
|
|
394
|
+
});
|
|
395
|
+
export const PModalContainer = createComponent({
|
|
396
|
+
tagName: 'p-modal-container',
|
|
397
|
+
elementClass: PModalContainerElement,
|
|
398
|
+
react: React,
|
|
399
|
+
events: {},
|
|
400
|
+
defineCustomElement: definePModalContainer
|
|
401
|
+
});
|
|
402
|
+
export const PModalFooter = createComponent({
|
|
403
|
+
tagName: 'p-modal-footer',
|
|
404
|
+
elementClass: PModalFooterElement,
|
|
405
|
+
react: React,
|
|
406
|
+
events: {},
|
|
407
|
+
defineCustomElement: definePModalFooter
|
|
408
|
+
});
|
|
409
|
+
export const PModalHeader = createComponent({
|
|
410
|
+
tagName: 'p-modal-header',
|
|
411
|
+
elementClass: PModalHeaderElement,
|
|
412
|
+
react: React,
|
|
413
|
+
events: { onClose: 'close' },
|
|
414
|
+
defineCustomElement: definePModalHeader
|
|
415
|
+
});
|
|
416
|
+
export const PNavbar = createComponent({
|
|
417
|
+
tagName: 'p-navbar',
|
|
418
|
+
elementClass: PNavbarElement,
|
|
419
|
+
react: React,
|
|
420
|
+
events: {},
|
|
421
|
+
defineCustomElement: definePNavbar
|
|
422
|
+
});
|
|
423
|
+
export const PNavigationItem = createComponent({
|
|
424
|
+
tagName: 'p-navigation-item',
|
|
425
|
+
elementClass: PNavigationItemElement,
|
|
426
|
+
react: React,
|
|
427
|
+
events: {},
|
|
428
|
+
defineCustomElement: definePNavigationItem
|
|
429
|
+
});
|
|
430
|
+
export const PNavigationSection = createComponent({
|
|
431
|
+
tagName: 'p-navigation-section',
|
|
432
|
+
elementClass: PNavigationSectionElement,
|
|
433
|
+
react: React,
|
|
434
|
+
events: {},
|
|
435
|
+
defineCustomElement: definePNavigationSection
|
|
436
|
+
});
|
|
437
|
+
export const PNavigationTitle = createComponent({
|
|
438
|
+
tagName: 'p-navigation-title',
|
|
439
|
+
elementClass: PNavigationTitleElement,
|
|
440
|
+
react: React,
|
|
441
|
+
events: {},
|
|
442
|
+
defineCustomElement: definePNavigationTitle
|
|
443
|
+
});
|
|
444
|
+
export const PPagination = createComponent({
|
|
445
|
+
tagName: 'p-pagination',
|
|
446
|
+
elementClass: PPaginationElement,
|
|
447
|
+
react: React,
|
|
448
|
+
events: {
|
|
449
|
+
onPageChange: 'pageChange',
|
|
450
|
+
onPageSizeChange: 'pageSizeChange',
|
|
451
|
+
onPagesChange: 'pagesChange'
|
|
452
|
+
},
|
|
453
|
+
defineCustomElement: definePPagination
|
|
454
|
+
});
|
|
455
|
+
export const PPaginationPages = createComponent({
|
|
456
|
+
tagName: 'p-pagination-pages',
|
|
457
|
+
elementClass: PPaginationPagesElement,
|
|
458
|
+
react: React,
|
|
459
|
+
events: {
|
|
460
|
+
onPageChange: 'pageChange',
|
|
461
|
+
onPagesChange: 'pagesChange'
|
|
462
|
+
},
|
|
463
|
+
defineCustomElement: definePPaginationPages
|
|
464
|
+
});
|
|
465
|
+
export const PPaginationPagesItem = createComponent({
|
|
466
|
+
tagName: 'p-pagination-pages-item',
|
|
467
|
+
elementClass: PPaginationPagesItemElement,
|
|
468
|
+
react: React,
|
|
469
|
+
events: {},
|
|
470
|
+
defineCustomElement: definePPaginationPagesItem
|
|
471
|
+
});
|
|
472
|
+
export const PPaginationSize = createComponent({
|
|
473
|
+
tagName: 'p-pagination-size',
|
|
474
|
+
elementClass: PPaginationSizeElement,
|
|
475
|
+
react: React,
|
|
476
|
+
events: { onSizeChange: 'sizeChange' },
|
|
477
|
+
defineCustomElement: definePPaginationSize
|
|
478
|
+
});
|
|
479
|
+
export const PProfile = createComponent({
|
|
480
|
+
tagName: 'p-profile',
|
|
481
|
+
elementClass: PProfileElement,
|
|
482
|
+
react: React,
|
|
483
|
+
events: {},
|
|
484
|
+
defineCustomElement: definePProfile
|
|
485
|
+
});
|
|
486
|
+
export const PRadio = createComponent({
|
|
487
|
+
tagName: 'p-radio',
|
|
488
|
+
elementClass: PRadioElement,
|
|
489
|
+
react: React,
|
|
490
|
+
events: { onCheckedChange: 'checkedChange' },
|
|
491
|
+
defineCustomElement: definePRadio
|
|
492
|
+
});
|
|
493
|
+
export const PRange = createComponent({
|
|
494
|
+
tagName: 'p-range',
|
|
495
|
+
elementClass: PRangeElement,
|
|
496
|
+
react: React,
|
|
497
|
+
events: { onValueChange: 'valueChange' },
|
|
498
|
+
defineCustomElement: definePRange
|
|
499
|
+
});
|
|
500
|
+
export const PSegmentContainer = createComponent({
|
|
501
|
+
tagName: 'p-segment-container',
|
|
502
|
+
elementClass: PSegmentContainerElement,
|
|
503
|
+
react: React,
|
|
504
|
+
events: {},
|
|
505
|
+
defineCustomElement: definePSegmentContainer
|
|
506
|
+
});
|
|
507
|
+
export const PSegmentItem = createComponent({
|
|
508
|
+
tagName: 'p-segment-item',
|
|
509
|
+
elementClass: PSegmentItemElement,
|
|
510
|
+
react: React,
|
|
511
|
+
events: {},
|
|
512
|
+
defineCustomElement: definePSegmentItem
|
|
513
|
+
});
|
|
514
|
+
export const PSelect = createComponent({
|
|
515
|
+
tagName: 'p-select',
|
|
516
|
+
elementClass: PSelectElement,
|
|
517
|
+
react: React,
|
|
518
|
+
events: {
|
|
519
|
+
onQueryChange: 'queryChange',
|
|
520
|
+
onValueChange: 'valueChange',
|
|
521
|
+
onSelectAllChange: 'selectAllChange',
|
|
522
|
+
onDropdownShown: 'dropdownShown',
|
|
523
|
+
onAdd: 'add'
|
|
524
|
+
},
|
|
525
|
+
defineCustomElement: definePSelect
|
|
526
|
+
});
|
|
527
|
+
export const PSmile = createComponent({
|
|
528
|
+
tagName: 'p-smile',
|
|
529
|
+
elementClass: PSmileElement,
|
|
530
|
+
react: React,
|
|
531
|
+
events: {},
|
|
532
|
+
defineCustomElement: definePSmile
|
|
533
|
+
});
|
|
534
|
+
export const PStepper = createComponent({
|
|
535
|
+
tagName: 'p-stepper',
|
|
536
|
+
elementClass: PStepperElement,
|
|
537
|
+
react: React,
|
|
538
|
+
events: {},
|
|
539
|
+
defineCustomElement: definePStepper
|
|
540
|
+
});
|
|
541
|
+
export const PStepperItem = createComponent({
|
|
542
|
+
tagName: 'p-stepper-item',
|
|
543
|
+
elementClass: PStepperItemElement,
|
|
544
|
+
react: React,
|
|
545
|
+
events: {},
|
|
546
|
+
defineCustomElement: definePStepperItem
|
|
547
|
+
});
|
|
548
|
+
export const PStepperLine = createComponent({
|
|
549
|
+
tagName: 'p-stepper-line',
|
|
550
|
+
elementClass: PStepperLineElement,
|
|
551
|
+
react: React,
|
|
552
|
+
events: {},
|
|
553
|
+
defineCustomElement: definePStepperLine
|
|
554
|
+
});
|
|
555
|
+
export const PTabContainer = createComponent({
|
|
556
|
+
tagName: 'p-tab-container',
|
|
557
|
+
elementClass: PTabContainerElement,
|
|
558
|
+
react: React,
|
|
559
|
+
events: {},
|
|
560
|
+
defineCustomElement: definePTabContainer
|
|
561
|
+
});
|
|
562
|
+
export const PTabItem = createComponent({
|
|
563
|
+
tagName: 'p-tab-item',
|
|
564
|
+
elementClass: PTabItemElement,
|
|
565
|
+
react: React,
|
|
566
|
+
events: {},
|
|
567
|
+
defineCustomElement: definePTabItem
|
|
568
|
+
});
|
|
569
|
+
export const PTable = createComponent({
|
|
570
|
+
tagName: 'p-table',
|
|
571
|
+
elementClass: PTableElement,
|
|
572
|
+
react: React,
|
|
573
|
+
events: {
|
|
574
|
+
onSelectedRowsChange: 'selectedRowsChange',
|
|
575
|
+
onRowClick: 'rowClick',
|
|
576
|
+
onRowSelected: 'rowSelected',
|
|
577
|
+
onRowDeselected: 'rowDeselected',
|
|
578
|
+
onHasRendered: 'hasRendered',
|
|
579
|
+
onQuickFilter: 'quickFilter',
|
|
580
|
+
onQueryChange: 'queryChange',
|
|
581
|
+
onFilter: 'filter',
|
|
582
|
+
onAction: 'action',
|
|
583
|
+
onPageChange: 'pageChange',
|
|
584
|
+
onPageSizeChange: 'pageSizeChange',
|
|
585
|
+
onExport: 'export',
|
|
586
|
+
onEmptyStateActionClick: 'emptyStateActionClick'
|
|
587
|
+
},
|
|
588
|
+
defineCustomElement: definePTable
|
|
589
|
+
});
|
|
590
|
+
export const PTableCell = createComponent({
|
|
591
|
+
tagName: 'p-table-cell',
|
|
592
|
+
elementClass: PTableCellElement,
|
|
593
|
+
react: React,
|
|
594
|
+
events: {},
|
|
595
|
+
defineCustomElement: definePTableCell
|
|
596
|
+
});
|
|
597
|
+
export const PTableColumn = createComponent({
|
|
598
|
+
tagName: 'p-table-column',
|
|
599
|
+
elementClass: PTableColumnElement,
|
|
600
|
+
react: React,
|
|
601
|
+
events: { onTableDefinitionChanged: 'tableDefinitionChanged' },
|
|
602
|
+
defineCustomElement: definePTableColumn
|
|
603
|
+
});
|
|
604
|
+
export const PTableContainer = createComponent({
|
|
605
|
+
tagName: 'p-table-container',
|
|
606
|
+
elementClass: PTableContainerElement,
|
|
607
|
+
react: React,
|
|
608
|
+
events: {},
|
|
609
|
+
defineCustomElement: definePTableContainer
|
|
610
|
+
});
|
|
611
|
+
export const PTableExtraHeader = createComponent({
|
|
612
|
+
tagName: 'p-table-extra-header',
|
|
613
|
+
elementClass: PTableExtraHeaderElement,
|
|
614
|
+
react: React,
|
|
615
|
+
events: { onTableDefinitionChanged: 'tableDefinitionChanged' },
|
|
616
|
+
defineCustomElement: definePTableExtraHeader
|
|
617
|
+
});
|
|
618
|
+
export const PTableFooter = createComponent({
|
|
619
|
+
tagName: 'p-table-footer',
|
|
620
|
+
elementClass: PTableFooterElement,
|
|
621
|
+
react: React,
|
|
622
|
+
events: {
|
|
623
|
+
onPageChange: 'pageChange',
|
|
624
|
+
onPageSizeChange: 'pageSizeChange',
|
|
625
|
+
onHiddenChange: 'hiddenChange'
|
|
626
|
+
},
|
|
627
|
+
defineCustomElement: definePTableFooter
|
|
628
|
+
});
|
|
629
|
+
export const PTableHeader = createComponent({
|
|
630
|
+
tagName: 'p-table-header',
|
|
631
|
+
elementClass: PTableHeaderElement,
|
|
632
|
+
react: React,
|
|
633
|
+
events: {
|
|
634
|
+
onQuickFilter: 'quickFilter',
|
|
635
|
+
onQueryChange: 'queryChange',
|
|
636
|
+
onFilter: 'filter',
|
|
637
|
+
onAction: 'action',
|
|
638
|
+
onExport: 'export'
|
|
639
|
+
},
|
|
640
|
+
defineCustomElement: definePTableHeader
|
|
641
|
+
});
|
|
642
|
+
export const PTableRow = createComponent({
|
|
643
|
+
tagName: 'p-table-row',
|
|
644
|
+
elementClass: PTableRowElement,
|
|
645
|
+
react: React,
|
|
646
|
+
events: {},
|
|
647
|
+
defineCustomElement: definePTableRow
|
|
648
|
+
});
|
|
649
|
+
export const PTableRowAction = createComponent({
|
|
650
|
+
tagName: 'p-table-row-action',
|
|
651
|
+
elementClass: PTableRowActionElement,
|
|
652
|
+
react: React,
|
|
653
|
+
events: {},
|
|
654
|
+
defineCustomElement: definePTableRowAction
|
|
655
|
+
});
|
|
656
|
+
export const PTableRowActionsContainer = createComponent({
|
|
657
|
+
tagName: 'p-table-row-actions-container',
|
|
658
|
+
elementClass: PTableRowActionsContainerElement,
|
|
659
|
+
react: React,
|
|
660
|
+
events: {},
|
|
661
|
+
defineCustomElement: definePTableRowActionsContainer
|
|
662
|
+
});
|
|
663
|
+
export const PToast = createComponent({
|
|
664
|
+
tagName: 'p-toast',
|
|
665
|
+
elementClass: PToastElement,
|
|
666
|
+
react: React,
|
|
667
|
+
events: { onAction: 'action' },
|
|
668
|
+
defineCustomElement: definePToast
|
|
669
|
+
});
|
|
670
|
+
export const PToastContainer = createComponent({
|
|
671
|
+
tagName: 'p-toast-container',
|
|
672
|
+
elementClass: PToastContainerElement,
|
|
673
|
+
react: React,
|
|
674
|
+
events: {},
|
|
675
|
+
defineCustomElement: definePToastContainer
|
|
676
|
+
});
|
|
677
|
+
export const PToggle = createComponent({
|
|
678
|
+
tagName: 'p-toggle',
|
|
679
|
+
elementClass: PToggleElement,
|
|
680
|
+
react: React,
|
|
681
|
+
events: {
|
|
682
|
+
onCheckedChange: 'checkedChange',
|
|
683
|
+
onIndeterminateChange: 'indeterminateChange'
|
|
684
|
+
},
|
|
685
|
+
defineCustomElement: definePToggle
|
|
686
|
+
});
|
|
687
|
+
export const PTooltip = createComponent({
|
|
688
|
+
tagName: 'p-tooltip',
|
|
689
|
+
elementClass: PTooltipElement,
|
|
690
|
+
react: React,
|
|
691
|
+
events: { onIsOpen: 'isOpen' },
|
|
692
|
+
defineCustomElement: definePTooltip
|
|
693
|
+
});
|
|
694
|
+
//# sourceMappingURL=components.js.map
|