@public-ui/react 4.0.0-alpha.0 → 4.0.0-alpha.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.
Files changed (7) hide show
  1. package/README.md +15 -5
  2. package/dist/index.cjs +12 -24
  3. package/dist/index.d.cts +71 -0
  4. package/dist/index.d.mts +71 -0
  5. package/dist/index.d.ts +5 -7
  6. package/dist/index.mjs +9 -19
  7. package/package.json +12 -12
package/README.md CHANGED
@@ -1,17 +1,25 @@
1
1
  # KoliBri - React-Adapter
2
2
 
3
+ [![npm](https://img.shields.io/npm/v/@public-ui/react)](https://www.npmjs.com/package/@public-ui/components)
4
+ [![license](https://img.shields.io/npm/l/@public-ui/react)](https://github.com/public-ui/kolibri/blob/main/LICENSE)
5
+ [![downloads](https://img.shields.io/npm/dt/@public-ui/react)](https://www.npmjs.com/package/@public-ui/react)
6
+ [![issues](https://img.shields.io/github/issues/public-ui/kolibri)](https://github.com/public-ui/kolibri/issues)
7
+ [![pull requests](https://img.shields.io/github/issues-pr/public-ui/kolibri)](https://github.com/public-ui/kolibri/pulls)
8
+ [![size](https://img.shields.io/bundlephobia/min/@public-ui/react)](https://bundlephobia.com/result?p=@public-ui/react)
9
+ ![contributors](https://img.shields.io/github/contributors/public-ui/kolibri)
10
+
3
11
  ## Motivation
4
12
 
5
13
  Provide an adapter for [React](https://reactjs.org) to use the KoliBri components.
6
14
 
7
15
  ## Installation
8
16
 
9
- You can install the adapter with `npm`, `pnpm` or `yarn`:
17
+ Install the adapter with `npm`, `pnpm` or `yarn`:
10
18
 
11
19
  ```bash
12
- npm i -g @public-ui/react
13
- pnpm i -g @public-ui/react
14
- yarn add -g @public-ui/react
20
+ npm i @public-ui/react
21
+ pnpm i @public-ui/react
22
+ yarn add @public-ui/react
15
23
  ```
16
24
 
17
25
  ## Usage
@@ -21,7 +29,7 @@ First, initialize KoliBri with a [theme](https://github.com/public-ui/kolibri/tr
21
29
  ```ts
22
30
  import { defineCustomElements } from '@public-ui/components/dist/loader';
23
31
  import { register } from '@public-ui/components';
24
- import { DEFAULT } from '@public-ui/themes';
32
+ import { DEFAULT } from '@public-ui/theme-default';
25
33
 
26
34
  register(DEFAULT, defineCustomElements)
27
35
  .then(() => {
@@ -45,3 +53,5 @@ import { KolButton } from '@public-ui/react';
45
53
 
46
54
  export default (): FC => <KolButton _label="Hello World" />;
47
55
  ```
56
+
57
+ For available design tokens see the [default theme README](../../themes/default/README.md).
package/dist/index.cjs CHANGED
@@ -127,16 +127,14 @@ const createForwardRef = (ReactComponent, displayName) => {
127
127
  };
128
128
 
129
129
  const createReactComponent = (tagName, ReactComponentContext, manipulatePropsFunction, defineCustomElement) => {
130
- if (defineCustomElement !== void 0) {
131
- defineCustomElement();
132
- }
133
130
  const displayName = dashToPascalCase(tagName);
134
131
  const ReactComponent = class extends React__default.Component {
132
+ componentEl;
133
+ setComponentElRef = (element) => {
134
+ this.componentEl = element;
135
+ };
135
136
  constructor(props) {
136
137
  super(props);
137
- this.setComponentElRef = (element) => {
138
- this.componentEl = element;
139
- };
140
138
  }
141
139
  componentDidMount() {
142
140
  this.componentDidUpdate(this.props);
@@ -161,9 +159,6 @@ const createReactComponent = (tagName, ReactComponentContext, manipulatePropsFun
161
159
  }
162
160
  return acc;
163
161
  }, {});
164
- if (manipulatePropsFunction) {
165
- propsToPass = manipulatePropsFunction(this.props, propsToPass);
166
- }
167
162
  const newProps = {
168
163
  ...propsToPass,
169
164
  ref: mergeRefs(forwardedRef, this.setComponentElRef),
@@ -176,9 +171,6 @@ const createReactComponent = (tagName, ReactComponentContext, manipulatePropsFun
176
171
  return displayName;
177
172
  }
178
173
  };
179
- if (ReactComponentContext) {
180
- ReactComponent.contextType = ReactComponentContext;
181
- }
182
174
  return createForwardRef(ReactComponent, displayName);
183
175
  };
184
176
 
@@ -189,9 +181,9 @@ const KolAvatar = /* @__PURE__ */ createReactComponent("kol-avatar");
189
181
  const KolBadge = /* @__PURE__ */ createReactComponent("kol-badge");
190
182
  const KolBreadcrumb = /* @__PURE__ */ createReactComponent("kol-breadcrumb");
191
183
  const KolButton = /* @__PURE__ */ createReactComponent("kol-button");
192
- const KolButtonGroup = /* @__PURE__ */ createReactComponent("kol-button-group");
193
184
  const KolButtonLink = /* @__PURE__ */ createReactComponent("kol-button-link");
194
185
  const KolCard = /* @__PURE__ */ createReactComponent("kol-card");
186
+ const KolCardWc = /* @__PURE__ */ createReactComponent("kol-card-wc");
195
187
  const KolCombobox = /* @__PURE__ */ createReactComponent("kol-combobox");
196
188
  const KolDetails = /* @__PURE__ */ createReactComponent("kol-details");
197
189
  const KolDrawer = /* @__PURE__ */ createReactComponent("kol-drawer");
@@ -199,7 +191,6 @@ const KolForm = /* @__PURE__ */ createReactComponent("kol-form");
199
191
  const KolHeading = /* @__PURE__ */ createReactComponent("kol-heading");
200
192
  const KolIcon = /* @__PURE__ */ createReactComponent("kol-icon");
201
193
  const KolImage = /* @__PURE__ */ createReactComponent("kol-image");
202
- const KolIndentedText = /* @__PURE__ */ createReactComponent("kol-indented-text");
203
194
  const KolInputCheckbox = /* @__PURE__ */ createReactComponent("kol-input-checkbox");
204
195
  const KolInputColor = /* @__PURE__ */ createReactComponent("kol-input-color");
205
196
  const KolInputDate = /* @__PURE__ */ createReactComponent("kol-input-date");
@@ -213,11 +204,12 @@ const KolInputText = /* @__PURE__ */ createReactComponent("kol-input-text");
213
204
  const KolKolibri = /* @__PURE__ */ createReactComponent("kol-kolibri");
214
205
  const KolLink = /* @__PURE__ */ createReactComponent("kol-link");
215
206
  const KolLinkButton = /* @__PURE__ */ createReactComponent("kol-link-button");
216
- const KolLinkGroup = /* @__PURE__ */ createReactComponent("kol-link-group");
217
- const KolLogo = /* @__PURE__ */ createReactComponent("kol-logo");
218
207
  const KolModal = /* @__PURE__ */ createReactComponent("kol-modal");
219
208
  const KolNav = /* @__PURE__ */ createReactComponent("kol-nav");
220
209
  const KolPagination = /* @__PURE__ */ createReactComponent("kol-pagination");
210
+ const KolPaginationWc = /* @__PURE__ */ createReactComponent("kol-pagination-wc");
211
+ const KolPopoverButton = /* @__PURE__ */ createReactComponent("kol-popover-button");
212
+ const KolPopoverButtonWc = /* @__PURE__ */ createReactComponent("kol-popover-button-wc");
221
213
  const KolProgress = /* @__PURE__ */ createReactComponent("kol-progress");
222
214
  const KolQuote = /* @__PURE__ */ createReactComponent("kol-quote");
223
215
  const KolSelect = /* @__PURE__ */ createReactComponent("kol-select");
@@ -225,8 +217,6 @@ const KolSingleSelect = /* @__PURE__ */ createReactComponent("kol-single-select"
225
217
  const KolSkipNav = /* @__PURE__ */ createReactComponent("kol-skip-nav");
226
218
  const KolSpin = /* @__PURE__ */ createReactComponent("kol-spin");
227
219
  const KolSplitButton = /* @__PURE__ */ createReactComponent("kol-split-button");
228
- const KolSymbol = /* @__PURE__ */ createReactComponent("kol-symbol");
229
- const KolTable = /* @__PURE__ */ createReactComponent("kol-table");
230
220
  const KolTableStateful = /* @__PURE__ */ createReactComponent("kol-table-stateful");
231
221
  const KolTableStateless = /* @__PURE__ */ createReactComponent("kol-table-stateless");
232
222
  const KolTabs = /* @__PURE__ */ createReactComponent("kol-tabs");
@@ -253,9 +243,9 @@ exports.KolAvatar = KolAvatar;
253
243
  exports.KolBadge = KolBadge;
254
244
  exports.KolBreadcrumb = KolBreadcrumb;
255
245
  exports.KolButton = KolButton;
256
- exports.KolButtonGroup = KolButtonGroup;
257
246
  exports.KolButtonLink = KolButtonLink;
258
247
  exports.KolCard = KolCard;
248
+ exports.KolCardWc = KolCardWc;
259
249
  exports.KolCombobox = KolCombobox;
260
250
  exports.KolDetails = KolDetails;
261
251
  exports.KolDrawer = KolDrawer;
@@ -263,7 +253,6 @@ exports.KolForm = KolForm;
263
253
  exports.KolHeading = KolHeading;
264
254
  exports.KolIcon = KolIcon;
265
255
  exports.KolImage = KolImage;
266
- exports.KolIndentedText = KolIndentedText;
267
256
  exports.KolInputCheckbox = KolInputCheckbox;
268
257
  exports.KolInputColor = KolInputColor;
269
258
  exports.KolInputDate = KolInputDate;
@@ -277,11 +266,12 @@ exports.KolInputText = KolInputText;
277
266
  exports.KolKolibri = KolKolibri;
278
267
  exports.KolLink = KolLink;
279
268
  exports.KolLinkButton = KolLinkButton;
280
- exports.KolLinkGroup = KolLinkGroup;
281
- exports.KolLogo = KolLogo;
282
269
  exports.KolModal = KolModal;
283
270
  exports.KolNav = KolNav;
284
271
  exports.KolPagination = KolPagination;
272
+ exports.KolPaginationWc = KolPaginationWc;
273
+ exports.KolPopoverButton = KolPopoverButton;
274
+ exports.KolPopoverButtonWc = KolPopoverButtonWc;
285
275
  exports.KolProgress = KolProgress;
286
276
  exports.KolQuote = KolQuote;
287
277
  exports.KolSelect = KolSelect;
@@ -289,8 +279,6 @@ exports.KolSingleSelect = KolSingleSelect;
289
279
  exports.KolSkipNav = KolSkipNav;
290
280
  exports.KolSpin = KolSpin;
291
281
  exports.KolSplitButton = KolSplitButton;
292
- exports.KolSymbol = KolSymbol;
293
- exports.KolTable = KolTable;
294
282
  exports.KolTableStateful = KolTableStateful;
295
283
  exports.KolTableStateless = KolTableStateless;
296
284
  exports.KolTabs = KolTabs;
package/dist/index.d.cts ADDED
@@ -0,0 +1,71 @@
1
+ import * as react from 'react';
2
+ import { JSX } from '@public-ui/components';
3
+
4
+ interface StyleReactProps {
5
+ class?: string;
6
+ className?: string;
7
+ style?: {
8
+ [key: string]: any;
9
+ };
10
+ }
11
+
12
+ type TagNameTransformer = (tagName: string) => string;
13
+ declare const setTagNameTransformer: (_tagNameTransformer: TagNameTransformer) => void;
14
+
15
+ declare const KolAbbr: react.ForwardRefExoticComponent<JSX.KolAbbr & Omit<react.HTMLAttributes<HTMLKolAbbrElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolAbbrElement>>;
16
+ declare const KolAccordion: react.ForwardRefExoticComponent<JSX.KolAccordion & Omit<react.HTMLAttributes<HTMLKolAccordionElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolAccordionElement>>;
17
+ declare const KolAlert: react.ForwardRefExoticComponent<JSX.KolAlert & Omit<react.HTMLAttributes<HTMLKolAlertElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolAlertElement>>;
18
+ declare const KolAvatar: react.ForwardRefExoticComponent<JSX.KolAvatar & Omit<react.HTMLAttributes<HTMLKolAvatarElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolAvatarElement>>;
19
+ declare const KolBadge: react.ForwardRefExoticComponent<JSX.KolBadge & Omit<react.HTMLAttributes<HTMLKolBadgeElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolBadgeElement>>;
20
+ declare const KolBreadcrumb: react.ForwardRefExoticComponent<JSX.KolBreadcrumb & Omit<react.HTMLAttributes<HTMLKolBreadcrumbElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolBreadcrumbElement>>;
21
+ declare const KolButton: react.ForwardRefExoticComponent<JSX.KolButton & Omit<react.HTMLAttributes<HTMLKolButtonElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolButtonElement>>;
22
+ declare const KolButtonLink: react.ForwardRefExoticComponent<JSX.KolButtonLink & Omit<react.HTMLAttributes<HTMLKolButtonLinkElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolButtonLinkElement>>;
23
+ declare const KolCard: react.ForwardRefExoticComponent<JSX.KolCard & Omit<react.HTMLAttributes<HTMLKolCardElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolCardElement>>;
24
+ declare const KolCardWc: react.ForwardRefExoticComponent<JSX.KolCardWc & Omit<react.HTMLAttributes<HTMLKolCardWcElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolCardWcElement>>;
25
+ declare const KolCombobox: react.ForwardRefExoticComponent<JSX.KolCombobox & Omit<react.HTMLAttributes<HTMLKolComboboxElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolComboboxElement>>;
26
+ declare const KolDetails: react.ForwardRefExoticComponent<JSX.KolDetails & Omit<react.HTMLAttributes<HTMLKolDetailsElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolDetailsElement>>;
27
+ declare const KolDrawer: react.ForwardRefExoticComponent<JSX.KolDrawer & Omit<react.HTMLAttributes<HTMLKolDrawerElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolDrawerElement>>;
28
+ declare const KolForm: react.ForwardRefExoticComponent<JSX.KolForm & Omit<react.HTMLAttributes<HTMLKolFormElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolFormElement>>;
29
+ declare const KolHeading: react.ForwardRefExoticComponent<JSX.KolHeading & Omit<react.HTMLAttributes<HTMLKolHeadingElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolHeadingElement>>;
30
+ declare const KolIcon: react.ForwardRefExoticComponent<JSX.KolIcon & Omit<react.HTMLAttributes<HTMLKolIconElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolIconElement>>;
31
+ declare const KolImage: react.ForwardRefExoticComponent<JSX.KolImage & Omit<react.HTMLAttributes<HTMLKolImageElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolImageElement>>;
32
+ declare const KolInputCheckbox: react.ForwardRefExoticComponent<JSX.KolInputCheckbox & Omit<react.HTMLAttributes<HTMLKolInputCheckboxElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolInputCheckboxElement>>;
33
+ declare const KolInputColor: react.ForwardRefExoticComponent<JSX.KolInputColor & Omit<react.HTMLAttributes<HTMLKolInputColorElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolInputColorElement>>;
34
+ declare const KolInputDate: react.ForwardRefExoticComponent<JSX.KolInputDate & Omit<react.HTMLAttributes<HTMLKolInputDateElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolInputDateElement>>;
35
+ declare const KolInputEmail: react.ForwardRefExoticComponent<JSX.KolInputEmail & Omit<react.HTMLAttributes<HTMLKolInputEmailElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolInputEmailElement>>;
36
+ declare const KolInputFile: react.ForwardRefExoticComponent<JSX.KolInputFile & Omit<react.HTMLAttributes<HTMLKolInputFileElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolInputFileElement>>;
37
+ declare const KolInputNumber: react.ForwardRefExoticComponent<JSX.KolInputNumber & Omit<react.HTMLAttributes<HTMLKolInputNumberElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolInputNumberElement>>;
38
+ declare const KolInputPassword: react.ForwardRefExoticComponent<JSX.KolInputPassword & Omit<react.HTMLAttributes<HTMLKolInputPasswordElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolInputPasswordElement>>;
39
+ declare const KolInputRadio: react.ForwardRefExoticComponent<JSX.KolInputRadio & Omit<react.HTMLAttributes<HTMLKolInputRadioElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolInputRadioElement>>;
40
+ declare const KolInputRange: react.ForwardRefExoticComponent<JSX.KolInputRange & Omit<react.HTMLAttributes<HTMLKolInputRangeElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolInputRangeElement>>;
41
+ declare const KolInputText: react.ForwardRefExoticComponent<JSX.KolInputText & Omit<react.HTMLAttributes<HTMLKolInputTextElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolInputTextElement>>;
42
+ declare const KolKolibri: react.ForwardRefExoticComponent<JSX.KolKolibri & Omit<react.HTMLAttributes<HTMLKolKolibriElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolKolibriElement>>;
43
+ declare const KolLink: react.ForwardRefExoticComponent<JSX.KolLink & Omit<react.HTMLAttributes<HTMLKolLinkElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolLinkElement>>;
44
+ declare const KolLinkButton: react.ForwardRefExoticComponent<JSX.KolLinkButton & Omit<react.HTMLAttributes<HTMLKolLinkButtonElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolLinkButtonElement>>;
45
+ declare const KolModal: react.ForwardRefExoticComponent<JSX.KolModal & Omit<react.HTMLAttributes<HTMLKolModalElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolModalElement>>;
46
+ declare const KolNav: react.ForwardRefExoticComponent<JSX.KolNav & Omit<react.HTMLAttributes<HTMLKolNavElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolNavElement>>;
47
+ declare const KolPagination: react.ForwardRefExoticComponent<JSX.KolPagination & Omit<react.HTMLAttributes<HTMLKolPaginationElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolPaginationElement>>;
48
+ declare const KolPaginationWc: react.ForwardRefExoticComponent<JSX.KolPaginationWc & Omit<react.HTMLAttributes<HTMLKolPaginationWcElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolPaginationWcElement>>;
49
+ declare const KolPopoverButton: react.ForwardRefExoticComponent<JSX.KolPopoverButton & Omit<react.HTMLAttributes<HTMLKolPopoverButtonElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolPopoverButtonElement>>;
50
+ declare const KolPopoverButtonWc: react.ForwardRefExoticComponent<JSX.KolPopoverButtonWc & Omit<react.HTMLAttributes<HTMLKolPopoverButtonWcElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolPopoverButtonWcElement>>;
51
+ declare const KolProgress: react.ForwardRefExoticComponent<JSX.KolProgress & Omit<react.HTMLAttributes<HTMLKolProgressElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolProgressElement>>;
52
+ declare const KolQuote: react.ForwardRefExoticComponent<JSX.KolQuote & Omit<react.HTMLAttributes<HTMLKolQuoteElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolQuoteElement>>;
53
+ declare const KolSelect: react.ForwardRefExoticComponent<JSX.KolSelect & Omit<react.HTMLAttributes<HTMLKolSelectElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolSelectElement>>;
54
+ declare const KolSingleSelect: react.ForwardRefExoticComponent<JSX.KolSingleSelect & Omit<react.HTMLAttributes<HTMLKolSingleSelectElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolSingleSelectElement>>;
55
+ declare const KolSkipNav: react.ForwardRefExoticComponent<JSX.KolSkipNav & Omit<react.HTMLAttributes<HTMLKolSkipNavElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolSkipNavElement>>;
56
+ declare const KolSpin: react.ForwardRefExoticComponent<JSX.KolSpin & Omit<react.HTMLAttributes<HTMLKolSpinElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolSpinElement>>;
57
+ declare const KolSplitButton: react.ForwardRefExoticComponent<JSX.KolSplitButton & Omit<react.HTMLAttributes<HTMLKolSplitButtonElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolSplitButtonElement>>;
58
+ declare const KolTableStateful: react.ForwardRefExoticComponent<JSX.KolTableStateful & Omit<react.HTMLAttributes<HTMLKolTableStatefulElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolTableStatefulElement>>;
59
+ declare const KolTableStateless: react.ForwardRefExoticComponent<JSX.KolTableStateless & Omit<react.HTMLAttributes<HTMLKolTableStatelessElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolTableStatelessElement>>;
60
+ declare const KolTabs: react.ForwardRefExoticComponent<JSX.KolTabs & Omit<react.HTMLAttributes<HTMLKolTabsElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolTabsElement>>;
61
+ declare const KolTextarea: react.ForwardRefExoticComponent<JSX.KolTextarea & Omit<react.HTMLAttributes<HTMLKolTextareaElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolTextareaElement>>;
62
+ declare const KolToastContainer: react.ForwardRefExoticComponent<JSX.KolToastContainer & Omit<react.HTMLAttributes<HTMLKolToastContainerElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolToastContainerElement>>;
63
+ declare const KolToolbar: react.ForwardRefExoticComponent<JSX.KolToolbar & Omit<react.HTMLAttributes<HTMLKolToolbarElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolToolbarElement>>;
64
+ declare const KolTree: react.ForwardRefExoticComponent<JSX.KolTree & Omit<react.HTMLAttributes<HTMLKolTreeElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolTreeElement>>;
65
+ declare const KolTreeItem: react.ForwardRefExoticComponent<JSX.KolTreeItem & Omit<react.HTMLAttributes<HTMLKolTreeItemElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolTreeItemElement>>;
66
+ declare const KolTreeItemWc: react.ForwardRefExoticComponent<JSX.KolTreeItemWc & Omit<react.HTMLAttributes<HTMLKolTreeItemWcElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolTreeItemWcElement>>;
67
+ declare const KolVersion: react.ForwardRefExoticComponent<JSX.KolVersion & Omit<react.HTMLAttributes<HTMLKolVersionElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolVersionElement>>;
68
+
69
+ declare function createReactRenderElement(hostElement: HTMLElement): HTMLDivElement;
70
+
71
+ export { KolAbbr, KolAccordion, KolAlert, KolAvatar, KolBadge, KolBreadcrumb, KolButton, KolButtonLink, KolCard, KolCardWc, KolCombobox, KolDetails, KolDrawer, KolForm, KolHeading, KolIcon, KolImage, KolInputCheckbox, KolInputColor, KolInputDate, KolInputEmail, KolInputFile, KolInputNumber, KolInputPassword, KolInputRadio, KolInputRange, KolInputText, KolKolibri, KolLink, KolLinkButton, KolModal, KolNav, KolPagination, KolPaginationWc, KolPopoverButton, KolPopoverButtonWc, KolProgress, KolQuote, KolSelect, KolSingleSelect, KolSkipNav, KolSpin, KolSplitButton, KolTableStateful, KolTableStateless, KolTabs, KolTextarea, KolToastContainer, KolToolbar, KolTree, KolTreeItem, KolTreeItemWc, KolVersion, createReactRenderElement, setTagNameTransformer };
package/dist/index.d.mts ADDED
@@ -0,0 +1,71 @@
1
+ import * as react from 'react';
2
+ import { JSX } from '@public-ui/components';
3
+
4
+ interface StyleReactProps {
5
+ class?: string;
6
+ className?: string;
7
+ style?: {
8
+ [key: string]: any;
9
+ };
10
+ }
11
+
12
+ type TagNameTransformer = (tagName: string) => string;
13
+ declare const setTagNameTransformer: (_tagNameTransformer: TagNameTransformer) => void;
14
+
15
+ declare const KolAbbr: react.ForwardRefExoticComponent<JSX.KolAbbr & Omit<react.HTMLAttributes<HTMLKolAbbrElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolAbbrElement>>;
16
+ declare const KolAccordion: react.ForwardRefExoticComponent<JSX.KolAccordion & Omit<react.HTMLAttributes<HTMLKolAccordionElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolAccordionElement>>;
17
+ declare const KolAlert: react.ForwardRefExoticComponent<JSX.KolAlert & Omit<react.HTMLAttributes<HTMLKolAlertElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolAlertElement>>;
18
+ declare const KolAvatar: react.ForwardRefExoticComponent<JSX.KolAvatar & Omit<react.HTMLAttributes<HTMLKolAvatarElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolAvatarElement>>;
19
+ declare const KolBadge: react.ForwardRefExoticComponent<JSX.KolBadge & Omit<react.HTMLAttributes<HTMLKolBadgeElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolBadgeElement>>;
20
+ declare const KolBreadcrumb: react.ForwardRefExoticComponent<JSX.KolBreadcrumb & Omit<react.HTMLAttributes<HTMLKolBreadcrumbElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolBreadcrumbElement>>;
21
+ declare const KolButton: react.ForwardRefExoticComponent<JSX.KolButton & Omit<react.HTMLAttributes<HTMLKolButtonElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolButtonElement>>;
22
+ declare const KolButtonLink: react.ForwardRefExoticComponent<JSX.KolButtonLink & Omit<react.HTMLAttributes<HTMLKolButtonLinkElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolButtonLinkElement>>;
23
+ declare const KolCard: react.ForwardRefExoticComponent<JSX.KolCard & Omit<react.HTMLAttributes<HTMLKolCardElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolCardElement>>;
24
+ declare const KolCardWc: react.ForwardRefExoticComponent<JSX.KolCardWc & Omit<react.HTMLAttributes<HTMLKolCardWcElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolCardWcElement>>;
25
+ declare const KolCombobox: react.ForwardRefExoticComponent<JSX.KolCombobox & Omit<react.HTMLAttributes<HTMLKolComboboxElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolComboboxElement>>;
26
+ declare const KolDetails: react.ForwardRefExoticComponent<JSX.KolDetails & Omit<react.HTMLAttributes<HTMLKolDetailsElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolDetailsElement>>;
27
+ declare const KolDrawer: react.ForwardRefExoticComponent<JSX.KolDrawer & Omit<react.HTMLAttributes<HTMLKolDrawerElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolDrawerElement>>;
28
+ declare const KolForm: react.ForwardRefExoticComponent<JSX.KolForm & Omit<react.HTMLAttributes<HTMLKolFormElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolFormElement>>;
29
+ declare const KolHeading: react.ForwardRefExoticComponent<JSX.KolHeading & Omit<react.HTMLAttributes<HTMLKolHeadingElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolHeadingElement>>;
30
+ declare const KolIcon: react.ForwardRefExoticComponent<JSX.KolIcon & Omit<react.HTMLAttributes<HTMLKolIconElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolIconElement>>;
31
+ declare const KolImage: react.ForwardRefExoticComponent<JSX.KolImage & Omit<react.HTMLAttributes<HTMLKolImageElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolImageElement>>;
32
+ declare const KolInputCheckbox: react.ForwardRefExoticComponent<JSX.KolInputCheckbox & Omit<react.HTMLAttributes<HTMLKolInputCheckboxElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolInputCheckboxElement>>;
33
+ declare const KolInputColor: react.ForwardRefExoticComponent<JSX.KolInputColor & Omit<react.HTMLAttributes<HTMLKolInputColorElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolInputColorElement>>;
34
+ declare const KolInputDate: react.ForwardRefExoticComponent<JSX.KolInputDate & Omit<react.HTMLAttributes<HTMLKolInputDateElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolInputDateElement>>;
35
+ declare const KolInputEmail: react.ForwardRefExoticComponent<JSX.KolInputEmail & Omit<react.HTMLAttributes<HTMLKolInputEmailElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolInputEmailElement>>;
36
+ declare const KolInputFile: react.ForwardRefExoticComponent<JSX.KolInputFile & Omit<react.HTMLAttributes<HTMLKolInputFileElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolInputFileElement>>;
37
+ declare const KolInputNumber: react.ForwardRefExoticComponent<JSX.KolInputNumber & Omit<react.HTMLAttributes<HTMLKolInputNumberElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolInputNumberElement>>;
38
+ declare const KolInputPassword: react.ForwardRefExoticComponent<JSX.KolInputPassword & Omit<react.HTMLAttributes<HTMLKolInputPasswordElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolInputPasswordElement>>;
39
+ declare const KolInputRadio: react.ForwardRefExoticComponent<JSX.KolInputRadio & Omit<react.HTMLAttributes<HTMLKolInputRadioElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolInputRadioElement>>;
40
+ declare const KolInputRange: react.ForwardRefExoticComponent<JSX.KolInputRange & Omit<react.HTMLAttributes<HTMLKolInputRangeElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolInputRangeElement>>;
41
+ declare const KolInputText: react.ForwardRefExoticComponent<JSX.KolInputText & Omit<react.HTMLAttributes<HTMLKolInputTextElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolInputTextElement>>;
42
+ declare const KolKolibri: react.ForwardRefExoticComponent<JSX.KolKolibri & Omit<react.HTMLAttributes<HTMLKolKolibriElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolKolibriElement>>;
43
+ declare const KolLink: react.ForwardRefExoticComponent<JSX.KolLink & Omit<react.HTMLAttributes<HTMLKolLinkElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolLinkElement>>;
44
+ declare const KolLinkButton: react.ForwardRefExoticComponent<JSX.KolLinkButton & Omit<react.HTMLAttributes<HTMLKolLinkButtonElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolLinkButtonElement>>;
45
+ declare const KolModal: react.ForwardRefExoticComponent<JSX.KolModal & Omit<react.HTMLAttributes<HTMLKolModalElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolModalElement>>;
46
+ declare const KolNav: react.ForwardRefExoticComponent<JSX.KolNav & Omit<react.HTMLAttributes<HTMLKolNavElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolNavElement>>;
47
+ declare const KolPagination: react.ForwardRefExoticComponent<JSX.KolPagination & Omit<react.HTMLAttributes<HTMLKolPaginationElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolPaginationElement>>;
48
+ declare const KolPaginationWc: react.ForwardRefExoticComponent<JSX.KolPaginationWc & Omit<react.HTMLAttributes<HTMLKolPaginationWcElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolPaginationWcElement>>;
49
+ declare const KolPopoverButton: react.ForwardRefExoticComponent<JSX.KolPopoverButton & Omit<react.HTMLAttributes<HTMLKolPopoverButtonElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolPopoverButtonElement>>;
50
+ declare const KolPopoverButtonWc: react.ForwardRefExoticComponent<JSX.KolPopoverButtonWc & Omit<react.HTMLAttributes<HTMLKolPopoverButtonWcElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolPopoverButtonWcElement>>;
51
+ declare const KolProgress: react.ForwardRefExoticComponent<JSX.KolProgress & Omit<react.HTMLAttributes<HTMLKolProgressElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolProgressElement>>;
52
+ declare const KolQuote: react.ForwardRefExoticComponent<JSX.KolQuote & Omit<react.HTMLAttributes<HTMLKolQuoteElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolQuoteElement>>;
53
+ declare const KolSelect: react.ForwardRefExoticComponent<JSX.KolSelect & Omit<react.HTMLAttributes<HTMLKolSelectElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolSelectElement>>;
54
+ declare const KolSingleSelect: react.ForwardRefExoticComponent<JSX.KolSingleSelect & Omit<react.HTMLAttributes<HTMLKolSingleSelectElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolSingleSelectElement>>;
55
+ declare const KolSkipNav: react.ForwardRefExoticComponent<JSX.KolSkipNav & Omit<react.HTMLAttributes<HTMLKolSkipNavElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolSkipNavElement>>;
56
+ declare const KolSpin: react.ForwardRefExoticComponent<JSX.KolSpin & Omit<react.HTMLAttributes<HTMLKolSpinElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolSpinElement>>;
57
+ declare const KolSplitButton: react.ForwardRefExoticComponent<JSX.KolSplitButton & Omit<react.HTMLAttributes<HTMLKolSplitButtonElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolSplitButtonElement>>;
58
+ declare const KolTableStateful: react.ForwardRefExoticComponent<JSX.KolTableStateful & Omit<react.HTMLAttributes<HTMLKolTableStatefulElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolTableStatefulElement>>;
59
+ declare const KolTableStateless: react.ForwardRefExoticComponent<JSX.KolTableStateless & Omit<react.HTMLAttributes<HTMLKolTableStatelessElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolTableStatelessElement>>;
60
+ declare const KolTabs: react.ForwardRefExoticComponent<JSX.KolTabs & Omit<react.HTMLAttributes<HTMLKolTabsElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolTabsElement>>;
61
+ declare const KolTextarea: react.ForwardRefExoticComponent<JSX.KolTextarea & Omit<react.HTMLAttributes<HTMLKolTextareaElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolTextareaElement>>;
62
+ declare const KolToastContainer: react.ForwardRefExoticComponent<JSX.KolToastContainer & Omit<react.HTMLAttributes<HTMLKolToastContainerElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolToastContainerElement>>;
63
+ declare const KolToolbar: react.ForwardRefExoticComponent<JSX.KolToolbar & Omit<react.HTMLAttributes<HTMLKolToolbarElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolToolbarElement>>;
64
+ declare const KolTree: react.ForwardRefExoticComponent<JSX.KolTree & Omit<react.HTMLAttributes<HTMLKolTreeElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolTreeElement>>;
65
+ declare const KolTreeItem: react.ForwardRefExoticComponent<JSX.KolTreeItem & Omit<react.HTMLAttributes<HTMLKolTreeItemElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolTreeItemElement>>;
66
+ declare const KolTreeItemWc: react.ForwardRefExoticComponent<JSX.KolTreeItemWc & Omit<react.HTMLAttributes<HTMLKolTreeItemWcElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolTreeItemWcElement>>;
67
+ declare const KolVersion: react.ForwardRefExoticComponent<JSX.KolVersion & Omit<react.HTMLAttributes<HTMLKolVersionElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolVersionElement>>;
68
+
69
+ declare function createReactRenderElement(hostElement: HTMLElement): HTMLDivElement;
70
+
71
+ export { KolAbbr, KolAccordion, KolAlert, KolAvatar, KolBadge, KolBreadcrumb, KolButton, KolButtonLink, KolCard, KolCardWc, KolCombobox, KolDetails, KolDrawer, KolForm, KolHeading, KolIcon, KolImage, KolInputCheckbox, KolInputColor, KolInputDate, KolInputEmail, KolInputFile, KolInputNumber, KolInputPassword, KolInputRadio, KolInputRange, KolInputText, KolKolibri, KolLink, KolLinkButton, KolModal, KolNav, KolPagination, KolPaginationWc, KolPopoverButton, KolPopoverButtonWc, KolProgress, KolQuote, KolSelect, KolSingleSelect, KolSkipNav, KolSpin, KolSplitButton, KolTableStateful, KolTableStateless, KolTabs, KolTextarea, KolToastContainer, KolToolbar, KolTree, KolTreeItem, KolTreeItemWc, KolVersion, createReactRenderElement, setTagNameTransformer };
package/dist/index.d.ts CHANGED
@@ -19,9 +19,9 @@ declare const KolAvatar: react.ForwardRefExoticComponent<JSX.KolAvatar & Omit<re
19
19
  declare const KolBadge: react.ForwardRefExoticComponent<JSX.KolBadge & Omit<react.HTMLAttributes<HTMLKolBadgeElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolBadgeElement>>;
20
20
  declare const KolBreadcrumb: react.ForwardRefExoticComponent<JSX.KolBreadcrumb & Omit<react.HTMLAttributes<HTMLKolBreadcrumbElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolBreadcrumbElement>>;
21
21
  declare const KolButton: react.ForwardRefExoticComponent<JSX.KolButton & Omit<react.HTMLAttributes<HTMLKolButtonElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolButtonElement>>;
22
- declare const KolButtonGroup: react.ForwardRefExoticComponent<JSX.KolButtonGroup & Omit<react.HTMLAttributes<HTMLKolButtonGroupElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolButtonGroupElement>>;
23
22
  declare const KolButtonLink: react.ForwardRefExoticComponent<JSX.KolButtonLink & Omit<react.HTMLAttributes<HTMLKolButtonLinkElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolButtonLinkElement>>;
24
23
  declare const KolCard: react.ForwardRefExoticComponent<JSX.KolCard & Omit<react.HTMLAttributes<HTMLKolCardElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolCardElement>>;
24
+ declare const KolCardWc: react.ForwardRefExoticComponent<JSX.KolCardWc & Omit<react.HTMLAttributes<HTMLKolCardWcElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolCardWcElement>>;
25
25
  declare const KolCombobox: react.ForwardRefExoticComponent<JSX.KolCombobox & Omit<react.HTMLAttributes<HTMLKolComboboxElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolComboboxElement>>;
26
26
  declare const KolDetails: react.ForwardRefExoticComponent<JSX.KolDetails & Omit<react.HTMLAttributes<HTMLKolDetailsElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolDetailsElement>>;
27
27
  declare const KolDrawer: react.ForwardRefExoticComponent<JSX.KolDrawer & Omit<react.HTMLAttributes<HTMLKolDrawerElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolDrawerElement>>;
@@ -29,7 +29,6 @@ declare const KolForm: react.ForwardRefExoticComponent<JSX.KolForm & Omit<react.
29
29
  declare const KolHeading: react.ForwardRefExoticComponent<JSX.KolHeading & Omit<react.HTMLAttributes<HTMLKolHeadingElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolHeadingElement>>;
30
30
  declare const KolIcon: react.ForwardRefExoticComponent<JSX.KolIcon & Omit<react.HTMLAttributes<HTMLKolIconElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolIconElement>>;
31
31
  declare const KolImage: react.ForwardRefExoticComponent<JSX.KolImage & Omit<react.HTMLAttributes<HTMLKolImageElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolImageElement>>;
32
- declare const KolIndentedText: react.ForwardRefExoticComponent<JSX.KolIndentedText & Omit<react.HTMLAttributes<HTMLKolIndentedTextElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolIndentedTextElement>>;
33
32
  declare const KolInputCheckbox: react.ForwardRefExoticComponent<JSX.KolInputCheckbox & Omit<react.HTMLAttributes<HTMLKolInputCheckboxElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolInputCheckboxElement>>;
34
33
  declare const KolInputColor: react.ForwardRefExoticComponent<JSX.KolInputColor & Omit<react.HTMLAttributes<HTMLKolInputColorElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolInputColorElement>>;
35
34
  declare const KolInputDate: react.ForwardRefExoticComponent<JSX.KolInputDate & Omit<react.HTMLAttributes<HTMLKolInputDateElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolInputDateElement>>;
@@ -43,11 +42,12 @@ declare const KolInputText: react.ForwardRefExoticComponent<JSX.KolInputText & O
43
42
  declare const KolKolibri: react.ForwardRefExoticComponent<JSX.KolKolibri & Omit<react.HTMLAttributes<HTMLKolKolibriElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolKolibriElement>>;
44
43
  declare const KolLink: react.ForwardRefExoticComponent<JSX.KolLink & Omit<react.HTMLAttributes<HTMLKolLinkElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolLinkElement>>;
45
44
  declare const KolLinkButton: react.ForwardRefExoticComponent<JSX.KolLinkButton & Omit<react.HTMLAttributes<HTMLKolLinkButtonElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolLinkButtonElement>>;
46
- declare const KolLinkGroup: react.ForwardRefExoticComponent<JSX.KolLinkGroup & Omit<react.HTMLAttributes<HTMLKolLinkGroupElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolLinkGroupElement>>;
47
- declare const KolLogo: react.ForwardRefExoticComponent<JSX.KolLogo & Omit<react.HTMLAttributes<HTMLKolLogoElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolLogoElement>>;
48
45
  declare const KolModal: react.ForwardRefExoticComponent<JSX.KolModal & Omit<react.HTMLAttributes<HTMLKolModalElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolModalElement>>;
49
46
  declare const KolNav: react.ForwardRefExoticComponent<JSX.KolNav & Omit<react.HTMLAttributes<HTMLKolNavElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolNavElement>>;
50
47
  declare const KolPagination: react.ForwardRefExoticComponent<JSX.KolPagination & Omit<react.HTMLAttributes<HTMLKolPaginationElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolPaginationElement>>;
48
+ declare const KolPaginationWc: react.ForwardRefExoticComponent<JSX.KolPaginationWc & Omit<react.HTMLAttributes<HTMLKolPaginationWcElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolPaginationWcElement>>;
49
+ declare const KolPopoverButton: react.ForwardRefExoticComponent<JSX.KolPopoverButton & Omit<react.HTMLAttributes<HTMLKolPopoverButtonElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolPopoverButtonElement>>;
50
+ declare const KolPopoverButtonWc: react.ForwardRefExoticComponent<JSX.KolPopoverButtonWc & Omit<react.HTMLAttributes<HTMLKolPopoverButtonWcElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolPopoverButtonWcElement>>;
51
51
  declare const KolProgress: react.ForwardRefExoticComponent<JSX.KolProgress & Omit<react.HTMLAttributes<HTMLKolProgressElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolProgressElement>>;
52
52
  declare const KolQuote: react.ForwardRefExoticComponent<JSX.KolQuote & Omit<react.HTMLAttributes<HTMLKolQuoteElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolQuoteElement>>;
53
53
  declare const KolSelect: react.ForwardRefExoticComponent<JSX.KolSelect & Omit<react.HTMLAttributes<HTMLKolSelectElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolSelectElement>>;
@@ -55,8 +55,6 @@ declare const KolSingleSelect: react.ForwardRefExoticComponent<JSX.KolSingleSele
55
55
  declare const KolSkipNav: react.ForwardRefExoticComponent<JSX.KolSkipNav & Omit<react.HTMLAttributes<HTMLKolSkipNavElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolSkipNavElement>>;
56
56
  declare const KolSpin: react.ForwardRefExoticComponent<JSX.KolSpin & Omit<react.HTMLAttributes<HTMLKolSpinElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolSpinElement>>;
57
57
  declare const KolSplitButton: react.ForwardRefExoticComponent<JSX.KolSplitButton & Omit<react.HTMLAttributes<HTMLKolSplitButtonElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolSplitButtonElement>>;
58
- declare const KolSymbol: react.ForwardRefExoticComponent<JSX.KolSymbol & Omit<react.HTMLAttributes<HTMLKolSymbolElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolSymbolElement>>;
59
- declare const KolTable: react.ForwardRefExoticComponent<JSX.KolTable & Omit<react.HTMLAttributes<HTMLKolTableElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolTableElement>>;
60
58
  declare const KolTableStateful: react.ForwardRefExoticComponent<JSX.KolTableStateful & Omit<react.HTMLAttributes<HTMLKolTableStatefulElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolTableStatefulElement>>;
61
59
  declare const KolTableStateless: react.ForwardRefExoticComponent<JSX.KolTableStateless & Omit<react.HTMLAttributes<HTMLKolTableStatelessElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolTableStatelessElement>>;
62
60
  declare const KolTabs: react.ForwardRefExoticComponent<JSX.KolTabs & Omit<react.HTMLAttributes<HTMLKolTabsElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolTabsElement>>;
@@ -70,4 +68,4 @@ declare const KolVersion: react.ForwardRefExoticComponent<JSX.KolVersion & Omit<
70
68
 
71
69
  declare function createReactRenderElement(hostElement: HTMLElement): HTMLDivElement;
72
70
 
73
- export { KolAbbr, KolAccordion, KolAlert, KolAvatar, KolBadge, KolBreadcrumb, KolButton, KolButtonGroup, KolButtonLink, KolCard, KolCombobox, KolDetails, KolDrawer, KolForm, KolHeading, KolIcon, KolImage, KolIndentedText, KolInputCheckbox, KolInputColor, KolInputDate, KolInputEmail, KolInputFile, KolInputNumber, KolInputPassword, KolInputRadio, KolInputRange, KolInputText, KolKolibri, KolLink, KolLinkButton, KolLinkGroup, KolLogo, KolModal, KolNav, KolPagination, KolProgress, KolQuote, KolSelect, KolSingleSelect, KolSkipNav, KolSpin, KolSplitButton, KolSymbol, KolTable, KolTableStateful, KolTableStateless, KolTabs, KolTextarea, KolToastContainer, KolToolbar, KolTree, KolTreeItem, KolTreeItemWc, KolVersion, createReactRenderElement, setTagNameTransformer };
71
+ export { KolAbbr, KolAccordion, KolAlert, KolAvatar, KolBadge, KolBreadcrumb, KolButton, KolButtonLink, KolCard, KolCardWc, KolCombobox, KolDetails, KolDrawer, KolForm, KolHeading, KolIcon, KolImage, KolInputCheckbox, KolInputColor, KolInputDate, KolInputEmail, KolInputFile, KolInputNumber, KolInputPassword, KolInputRadio, KolInputRange, KolInputText, KolKolibri, KolLink, KolLinkButton, KolModal, KolNav, KolPagination, KolPaginationWc, KolPopoverButton, KolPopoverButtonWc, KolProgress, KolQuote, KolSelect, KolSingleSelect, KolSkipNav, KolSpin, KolSplitButton, KolTableStateful, KolTableStateless, KolTabs, KolTextarea, KolToastContainer, KolToolbar, KolTree, KolTreeItem, KolTreeItemWc, KolVersion, createReactRenderElement, setTagNameTransformer };
package/dist/index.mjs CHANGED
@@ -121,16 +121,14 @@ const createForwardRef = (ReactComponent, displayName) => {
121
121
  };
122
122
 
123
123
  const createReactComponent = (tagName, ReactComponentContext, manipulatePropsFunction, defineCustomElement) => {
124
- if (defineCustomElement !== void 0) {
125
- defineCustomElement();
126
- }
127
124
  const displayName = dashToPascalCase(tagName);
128
125
  const ReactComponent = class extends React.Component {
126
+ componentEl;
127
+ setComponentElRef = (element) => {
128
+ this.componentEl = element;
129
+ };
129
130
  constructor(props) {
130
131
  super(props);
131
- this.setComponentElRef = (element) => {
132
- this.componentEl = element;
133
- };
134
132
  }
135
133
  componentDidMount() {
136
134
  this.componentDidUpdate(this.props);
@@ -155,9 +153,6 @@ const createReactComponent = (tagName, ReactComponentContext, manipulatePropsFun
155
153
  }
156
154
  return acc;
157
155
  }, {});
158
- if (manipulatePropsFunction) {
159
- propsToPass = manipulatePropsFunction(this.props, propsToPass);
160
- }
161
156
  const newProps = {
162
157
  ...propsToPass,
163
158
  ref: mergeRefs(forwardedRef, this.setComponentElRef),
@@ -170,9 +165,6 @@ const createReactComponent = (tagName, ReactComponentContext, manipulatePropsFun
170
165
  return displayName;
171
166
  }
172
167
  };
173
- if (ReactComponentContext) {
174
- ReactComponent.contextType = ReactComponentContext;
175
- }
176
168
  return createForwardRef(ReactComponent, displayName);
177
169
  };
178
170
 
@@ -183,9 +175,9 @@ const KolAvatar = /* @__PURE__ */ createReactComponent("kol-avatar");
183
175
  const KolBadge = /* @__PURE__ */ createReactComponent("kol-badge");
184
176
  const KolBreadcrumb = /* @__PURE__ */ createReactComponent("kol-breadcrumb");
185
177
  const KolButton = /* @__PURE__ */ createReactComponent("kol-button");
186
- const KolButtonGroup = /* @__PURE__ */ createReactComponent("kol-button-group");
187
178
  const KolButtonLink = /* @__PURE__ */ createReactComponent("kol-button-link");
188
179
  const KolCard = /* @__PURE__ */ createReactComponent("kol-card");
180
+ const KolCardWc = /* @__PURE__ */ createReactComponent("kol-card-wc");
189
181
  const KolCombobox = /* @__PURE__ */ createReactComponent("kol-combobox");
190
182
  const KolDetails = /* @__PURE__ */ createReactComponent("kol-details");
191
183
  const KolDrawer = /* @__PURE__ */ createReactComponent("kol-drawer");
@@ -193,7 +185,6 @@ const KolForm = /* @__PURE__ */ createReactComponent("kol-form");
193
185
  const KolHeading = /* @__PURE__ */ createReactComponent("kol-heading");
194
186
  const KolIcon = /* @__PURE__ */ createReactComponent("kol-icon");
195
187
  const KolImage = /* @__PURE__ */ createReactComponent("kol-image");
196
- const KolIndentedText = /* @__PURE__ */ createReactComponent("kol-indented-text");
197
188
  const KolInputCheckbox = /* @__PURE__ */ createReactComponent("kol-input-checkbox");
198
189
  const KolInputColor = /* @__PURE__ */ createReactComponent("kol-input-color");
199
190
  const KolInputDate = /* @__PURE__ */ createReactComponent("kol-input-date");
@@ -207,11 +198,12 @@ const KolInputText = /* @__PURE__ */ createReactComponent("kol-input-text");
207
198
  const KolKolibri = /* @__PURE__ */ createReactComponent("kol-kolibri");
208
199
  const KolLink = /* @__PURE__ */ createReactComponent("kol-link");
209
200
  const KolLinkButton = /* @__PURE__ */ createReactComponent("kol-link-button");
210
- const KolLinkGroup = /* @__PURE__ */ createReactComponent("kol-link-group");
211
- const KolLogo = /* @__PURE__ */ createReactComponent("kol-logo");
212
201
  const KolModal = /* @__PURE__ */ createReactComponent("kol-modal");
213
202
  const KolNav = /* @__PURE__ */ createReactComponent("kol-nav");
214
203
  const KolPagination = /* @__PURE__ */ createReactComponent("kol-pagination");
204
+ const KolPaginationWc = /* @__PURE__ */ createReactComponent("kol-pagination-wc");
205
+ const KolPopoverButton = /* @__PURE__ */ createReactComponent("kol-popover-button");
206
+ const KolPopoverButtonWc = /* @__PURE__ */ createReactComponent("kol-popover-button-wc");
215
207
  const KolProgress = /* @__PURE__ */ createReactComponent("kol-progress");
216
208
  const KolQuote = /* @__PURE__ */ createReactComponent("kol-quote");
217
209
  const KolSelect = /* @__PURE__ */ createReactComponent("kol-select");
@@ -219,8 +211,6 @@ const KolSingleSelect = /* @__PURE__ */ createReactComponent("kol-single-select"
219
211
  const KolSkipNav = /* @__PURE__ */ createReactComponent("kol-skip-nav");
220
212
  const KolSpin = /* @__PURE__ */ createReactComponent("kol-spin");
221
213
  const KolSplitButton = /* @__PURE__ */ createReactComponent("kol-split-button");
222
- const KolSymbol = /* @__PURE__ */ createReactComponent("kol-symbol");
223
- const KolTable = /* @__PURE__ */ createReactComponent("kol-table");
224
214
  const KolTableStateful = /* @__PURE__ */ createReactComponent("kol-table-stateful");
225
215
  const KolTableStateless = /* @__PURE__ */ createReactComponent("kol-table-stateless");
226
216
  const KolTabs = /* @__PURE__ */ createReactComponent("kol-tabs");
@@ -240,4 +230,4 @@ function createReactRenderElement(hostElement) {
240
230
  return renderElement;
241
231
  }
242
232
 
243
- export { KolAbbr, KolAccordion, KolAlert, KolAvatar, KolBadge, KolBreadcrumb, KolButton, KolButtonGroup, KolButtonLink, KolCard, KolCombobox, KolDetails, KolDrawer, KolForm, KolHeading, KolIcon, KolImage, KolIndentedText, KolInputCheckbox, KolInputColor, KolInputDate, KolInputEmail, KolInputFile, KolInputNumber, KolInputPassword, KolInputRadio, KolInputRange, KolInputText, KolKolibri, KolLink, KolLinkButton, KolLinkGroup, KolLogo, KolModal, KolNav, KolPagination, KolProgress, KolQuote, KolSelect, KolSingleSelect, KolSkipNav, KolSpin, KolSplitButton, KolSymbol, KolTable, KolTableStateful, KolTableStateless, KolTabs, KolTextarea, KolToastContainer, KolToolbar, KolTree, KolTreeItem, KolTreeItemWc, KolVersion, createReactRenderElement, setTagNameTransformer };
233
+ export { KolAbbr, KolAccordion, KolAlert, KolAvatar, KolBadge, KolBreadcrumb, KolButton, KolButtonLink, KolCard, KolCardWc, KolCombobox, KolDetails, KolDrawer, KolForm, KolHeading, KolIcon, KolImage, KolInputCheckbox, KolInputColor, KolInputDate, KolInputEmail, KolInputFile, KolInputNumber, KolInputPassword, KolInputRadio, KolInputRange, KolInputText, KolKolibri, KolLink, KolLinkButton, KolModal, KolNav, KolPagination, KolPaginationWc, KolPopoverButton, KolPopoverButtonWc, KolProgress, KolQuote, KolSelect, KolSingleSelect, KolSkipNav, KolSpin, KolSplitButton, KolTableStateful, KolTableStateless, KolTabs, KolTextarea, KolToastContainer, KolToolbar, KolTree, KolTreeItem, KolTreeItemWc, KolVersion, createReactRenderElement, setTagNameTransformer };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@public-ui/react",
3
- "version": "4.0.0-alpha.0",
3
+ "version": "4.0.0-alpha.2",
4
4
  "license": "EUPL-1.2",
5
5
  "homepage": "https://public-ui.github.io",
6
6
  "repository": {
@@ -45,21 +45,21 @@
45
45
  "react"
46
46
  ],
47
47
  "devDependencies": {
48
- "@types/minimatch": "5.1.2",
48
+ "@types/minimatch": "6.0.0",
49
49
  "@types/minimist": "1.2.5",
50
50
  "@types/normalize-package-data": "2.4.4",
51
- "@types/react": "18.3.4",
52
- "@types/react-dom": "18.3.1",
53
- "react": "18.2.0",
54
- "react-dom": "18.2.0",
55
- "typescript": "5.6.3",
56
- "unbuild": "1.2.1",
57
- "@public-ui/components": "4.0.0-alpha.0"
51
+ "@types/react": "18.3.24",
52
+ "@types/react-dom": "18.3.7",
53
+ "react": "18.3.1",
54
+ "react-dom": "18.3.1",
55
+ "typescript": "5.9.2",
56
+ "unbuild": "3.6.1",
57
+ "@public-ui/components": "4.0.0-alpha.2"
58
58
  },
59
59
  "peerDependencies": {
60
- "react": ">=16.14.0",
61
- "react-dom": ">=16.14.0",
62
- "@public-ui/components": "4.0.0-alpha.0"
60
+ "react": ">=16.14.0 <19",
61
+ "react-dom": ">=16.14.0 <19",
62
+ "@public-ui/components": "4.0.0-alpha.2"
63
63
  },
64
64
  "sideEffects": false,
65
65
  "type": "module",