@dnncommunity/dnn-elements-react 0.27.5-beta.1 → 0.27.6-beta.1

package/README.md

@@ -1,24 +1,76 @@
-# `dnn-elements-react`
-This is a collection of pure web components (custom elements) for use within DNN Platform or custom extensions for DNN. These can even be used in projects outside of the DNN purview, though some are unique for the DNN experience. The web components in `dnn-elements-react` are framework specific to React. For framework agnostic web components, you can use `dnn-elements`.
+# DNN Elements React
 
-## Usage
-### npm
-`npm install @dnncommunity/dnn-elements-react`
+React wrapper components for DNN Elements using the latest Stencil React Output Target.
 
-### yarn
-`yarn add @dnncommunity/dnn-elements-react`
+## Installation
 
+```bash
+npm install @dnncommunity/dnn-elements-react
 ```
-// App.tsx
-import { DnnButton, defineCustomElements } from '@dnncommunity/dnn-elements-react';
 
-defineCustomElements();
+## Usage
+
+### Basic Setup
 
+```tsx
+import React, { useEffect } from 'react';
+import { defineCustomElements } from '@dnncommunity/dnn-elements-react';
+
+// Call this once in your app's main component or index file
 function App() {
-    return (
-        <div className="App>
-            <DnnButton type="secondary">Secondary Button</DnnButton>
-        </div>
-    );
+  useEffect(() => {
+    defineCustomElements();
+  }, []);
+
+  return (
+    <div>
+      {/* Your app content */}
+    </div>
+  );
 }
-```
+```
+
+### Using Components
+
+```tsx
+import React, { useState } from 'react';
+import { DnnButton, DnnInput, DnnCheckbox } from '@dnncommunity/dnn-elements-react';
+
+function MyComponent() {
+  const [inputValue, setInputValue] = useState('');
+  const [checked, setChecked] = useState(false);
+
+  return (
+    <div>
+      <DnnButton
+        onClick={() => console.log('Button clicked!')}
+      >
+        Click me
+      </DnnButton>
+
+      <DnnInput 
+        label="Your Name"
+        helpText="Enter your name..."
+        value={inputValue}
+        onValueChange={(e) => setInputValue(e.detail)}
+      />
+
+      <DnnCheckbox 
+        label="Agree to terms"
+        checked={checked}
+        onCheckedChange={(e) => setChecked(e.detail)}
+      />
+    </div>
+  );
+}
+```
+
+## TypeScript Support
+
+This package includes full TypeScript definitions for all components with proper prop types and event handlers.
+
+## Testing
+
+A test React application is available in the `test-app/` directory to verify component functionality.
+
+This is a collection of pure web components (custom elements) for use within DNN Platform or custom extensions for DNN. These can even be used in projects outside of the DNN purview, though some are unique for the DNN experience. The web components in `dnn-elements-react` are framework specific to React. For framework agnostic web components, you can use `dnn-elements`.

package/dist/components/stencil-generated/components.js

@@ -0,0 +1,242 @@
+'use client';
+import { DnnAutocomplete as DnnAutocompleteElement, defineCustomElement as defineDnnAutocomplete } from "@dnncommunity/dnn-elements/dist/components/dnn-autocomplete.js";
+import { DnnButton as DnnButtonElement, defineCustomElement as defineDnnButton } from "@dnncommunity/dnn-elements/dist/components/dnn-button.js";
+import { DnnCheckbox as DnnCheckboxElement, defineCustomElement as defineDnnCheckbox } from "@dnncommunity/dnn-elements/dist/components/dnn-checkbox.js";
+import { DnnChevron as DnnChevronElement, defineCustomElement as defineDnnChevron } from "@dnncommunity/dnn-elements/dist/components/dnn-chevron.js";
+import { DnnCollapsible as DnnCollapsibleElement, defineCustomElement as defineDnnCollapsible } from "@dnncommunity/dnn-elements/dist/components/dnn-collapsible.js";
+import { DnnColorInput as DnnColorInputElement, defineCustomElement as defineDnnColorInput } from "@dnncommunity/dnn-elements/dist/components/dnn-color-input.js";
+import { DnnColorPicker as DnnColorPickerElement, defineCustomElement as defineDnnColorPicker } from "@dnncommunity/dnn-elements/dist/components/dnn-color-picker.js";
+import { DnnDropzone as DnnDropzoneElement, defineCustomElement as defineDnnDropzone } from "@dnncommunity/dnn-elements/dist/components/dnn-dropzone.js";
+import { DnnFieldset as DnnFieldsetElement, defineCustomElement as defineDnnFieldset } from "@dnncommunity/dnn-elements/dist/components/dnn-fieldset.js";
+import { DnnImageCropper as DnnImageCropperElement, defineCustomElement as defineDnnImageCropper } from "@dnncommunity/dnn-elements/dist/components/dnn-image-cropper.js";
+import { DnnInput as DnnInputElement, defineCustomElement as defineDnnInput } from "@dnncommunity/dnn-elements/dist/components/dnn-input.js";
+import { DnnModal as DnnModalElement, defineCustomElement as defineDnnModal } from "@dnncommunity/dnn-elements/dist/components/dnn-modal.js";
+import { DnnMonacoEditor as DnnMonacoEditorElement, defineCustomElement as defineDnnMonacoEditor } from "@dnncommunity/dnn-elements/dist/components/dnn-monaco-editor.js";
+import { DnnPermissionsGrid as DnnPermissionsGridElement, defineCustomElement as defineDnnPermissionsGrid } from "@dnncommunity/dnn-elements/dist/components/dnn-permissions-grid.js";
+import { DnnProgressBar as DnnProgressBarElement, defineCustomElement as defineDnnProgressBar } from "@dnncommunity/dnn-elements/dist/components/dnn-progress-bar.js";
+import { DnnRichtext as DnnRichtextElement, defineCustomElement as defineDnnRichtext } from "@dnncommunity/dnn-elements/dist/components/dnn-richtext.js";
+import { DnnSearchbox as DnnSearchboxElement, defineCustomElement as defineDnnSearchbox } from "@dnncommunity/dnn-elements/dist/components/dnn-searchbox.js";
+import { DnnSelect as DnnSelectElement, defineCustomElement as defineDnnSelect } from "@dnncommunity/dnn-elements/dist/components/dnn-select.js";
+import { DnnSortIcon as DnnSortIconElement, defineCustomElement as defineDnnSortIcon } from "@dnncommunity/dnn-elements/dist/components/dnn-sort-icon.js";
+import { DnnTab as DnnTabElement, defineCustomElement as defineDnnTab } from "@dnncommunity/dnn-elements/dist/components/dnn-tab.js";
+import { DnnTabs as DnnTabsElement, defineCustomElement as defineDnnTabs } from "@dnncommunity/dnn-elements/dist/components/dnn-tabs.js";
+import { DnnTextarea as DnnTextareaElement, defineCustomElement as defineDnnTextarea } from "@dnncommunity/dnn-elements/dist/components/dnn-textarea.js";
+import { DnnToggle as DnnToggleElement, defineCustomElement as defineDnnToggle } from "@dnncommunity/dnn-elements/dist/components/dnn-toggle.js";
+import { DnnTreeviewItem as DnnTreeviewItemElement, defineCustomElement as defineDnnTreeviewItem } from "@dnncommunity/dnn-elements/dist/components/dnn-treeview-item.js";
+import { DnnVerticalOverflowMenu as DnnVerticalOverflowMenuElement, defineCustomElement as defineDnnVerticalOverflowMenu } from "@dnncommunity/dnn-elements/dist/components/dnn-vertical-overflow-menu.js";
+import { DnnVerticalSplitview as DnnVerticalSplitviewElement, defineCustomElement as defineDnnVerticalSplitview } from "@dnncommunity/dnn-elements/dist/components/dnn-vertical-splitview.js";
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+export const DnnAutocomplete = createComponent({
+    tagName: 'dnn-autocomplete',
+    elementClass: DnnAutocompleteElement,
+    react: React,
+    events: {
+        onValueChange: 'valueChange',
+        onValueInput: 'valueInput',
+        onNeedMoreItems: 'needMoreItems',
+        onSearchQueryChanged: 'searchQueryChanged',
+        onItemSelected: 'itemSelected'
+    },
+    defineCustomElement: defineDnnAutocomplete
+});
+export const DnnButton = createComponent({
+    tagName: 'dnn-button',
+    elementClass: DnnButtonElement,
+    react: React,
+    events: {
+        onConfirmed: 'confirmed',
+        onCanceled: 'canceled'
+    },
+    defineCustomElement: defineDnnButton
+});
+export const DnnCheckbox = createComponent({
+    tagName: 'dnn-checkbox',
+    elementClass: DnnCheckboxElement,
+    react: React,
+    events: { onCheckedchange: 'checkedchange' },
+    defineCustomElement: defineDnnCheckbox
+});
+export const DnnChevron = createComponent({
+    tagName: 'dnn-chevron',
+    elementClass: DnnChevronElement,
+    react: React,
+    events: { onChanged: 'changed' },
+    defineCustomElement: defineDnnChevron
+});
+export const DnnCollapsible = createComponent({
+    tagName: 'dnn-collapsible',
+    elementClass: DnnCollapsibleElement,
+    react: React,
+    events: { onDnnCollapsibleHeightChanged: 'dnnCollapsibleHeightChanged' },
+    defineCustomElement: defineDnnCollapsible
+});
+export const DnnColorInput = createComponent({
+    tagName: 'dnn-color-input',
+    elementClass: DnnColorInputElement,
+    react: React,
+    events: {
+        onColorChange: 'colorChange',
+        onColorInput: 'colorInput'
+    },
+    defineCustomElement: defineDnnColorInput
+});
+export const DnnColorPicker = createComponent({
+    tagName: 'dnn-color-picker',
+    elementClass: DnnColorPickerElement,
+    react: React,
+    events: { onColorChanged: 'colorChanged' },
+    defineCustomElement: defineDnnColorPicker
+});
+export const DnnDropzone = createComponent({
+    tagName: 'dnn-dropzone',
+    elementClass: DnnDropzoneElement,
+    react: React,
+    events: { onFilesSelected: 'filesSelected' },
+    defineCustomElement: defineDnnDropzone
+});
+export const DnnFieldset = createComponent({
+    tagName: 'dnn-fieldset',
+    elementClass: DnnFieldsetElement,
+    react: React,
+    events: {},
+    defineCustomElement: defineDnnFieldset
+});
+export const DnnImageCropper = createComponent({
+    tagName: 'dnn-image-cropper',
+    elementClass: DnnImageCropperElement,
+    react: React,
+    events: {
+        onImageCropChanged: 'imageCropChanged',
+        onImageFileCropChanged: 'imageFileCropChanged'
+    },
+    defineCustomElement: defineDnnImageCropper
+});
+export const DnnInput = createComponent({
+    tagName: 'dnn-input',
+    elementClass: DnnInputElement,
+    react: React,
+    events: {
+        onValueChange: 'valueChange',
+        onValueInput: 'valueInput'
+    },
+    defineCustomElement: defineDnnInput
+});
+export const DnnModal = createComponent({
+    tagName: 'dnn-modal',
+    elementClass: DnnModalElement,
+    react: React,
+    events: { onDismissed: 'dismissed' },
+    defineCustomElement: defineDnnModal
+});
+export const DnnMonacoEditor = createComponent({
+    tagName: 'dnn-monaco-editor',
+    elementClass: DnnMonacoEditorElement,
+    react: React,
+    events: { onContentChanged: 'contentChanged' },
+    defineCustomElement: defineDnnMonacoEditor
+});
+export const DnnPermissionsGrid = createComponent({
+    tagName: 'dnn-permissions-grid',
+    elementClass: DnnPermissionsGridElement,
+    react: React,
+    events: {
+        onUserSearchQueryChanged: 'userSearchQueryChanged',
+        onPermissionsChanged: 'permissionsChanged'
+    },
+    defineCustomElement: defineDnnPermissionsGrid
+});
+export const DnnProgressBar = createComponent({
+    tagName: 'dnn-progress-bar',
+    elementClass: DnnProgressBarElement,
+    react: React,
+    events: {},
+    defineCustomElement: defineDnnProgressBar
+});
+export const DnnRichtext = createComponent({
+    tagName: 'dnn-richtext',
+    elementClass: DnnRichtextElement,
+    react: React,
+    events: {
+        onValueChange: 'valueChange',
+        onValueInput: 'valueInput'
+    },
+    defineCustomElement: defineDnnRichtext
+});
+export const DnnSearchbox = createComponent({
+    tagName: 'dnn-searchbox',
+    elementClass: DnnSearchboxElement,
+    react: React,
+    events: { onQueryChanged: 'queryChanged' },
+    defineCustomElement: defineDnnSearchbox
+});
+export const DnnSelect = createComponent({
+    tagName: 'dnn-select',
+    elementClass: DnnSelectElement,
+    react: React,
+    events: { onValueChange: 'valueChange' },
+    defineCustomElement: defineDnnSelect
+});
+export const DnnSortIcon = createComponent({
+    tagName: 'dnn-sort-icon',
+    elementClass: DnnSortIconElement,
+    react: React,
+    events: { onSortChanged: 'sortChanged' },
+    defineCustomElement: defineDnnSortIcon
+});
+export const DnnTab = createComponent({
+    tagName: 'dnn-tab',
+    elementClass: DnnTabElement,
+    react: React,
+    events: {},
+    defineCustomElement: defineDnnTab
+});
+export const DnnTabs = createComponent({
+    tagName: 'dnn-tabs',
+    elementClass: DnnTabsElement,
+    react: React,
+    events: {},
+    defineCustomElement: defineDnnTabs
+});
+export const DnnTextarea = createComponent({
+    tagName: 'dnn-textarea',
+    elementClass: DnnTextareaElement,
+    react: React,
+    events: {
+        onValueInput: 'valueInput',
+        onValueChange: 'valueChange'
+    },
+    defineCustomElement: defineDnnTextarea
+});
+export const DnnToggle = createComponent({
+    tagName: 'dnn-toggle',
+    elementClass: DnnToggleElement,
+    react: React,
+    events: { onCheckChanged: 'checkChanged' },
+    defineCustomElement: defineDnnToggle
+});
+export const DnnTreeviewItem = createComponent({
+    tagName: 'dnn-treeview-item',
+    elementClass: DnnTreeviewItemElement,
+    react: React,
+    events: {
+        onUserExpanded: 'userExpanded',
+        onUserCollapsed: 'userCollapsed'
+    },
+    defineCustomElement: defineDnnTreeviewItem
+});
+export const DnnVerticalOverflowMenu = createComponent({
+    tagName: 'dnn-vertical-overflow-menu',
+    elementClass: DnnVerticalOverflowMenuElement,
+    react: React,
+    events: {},
+    defineCustomElement: defineDnnVerticalOverflowMenu
+});
+export const DnnVerticalSplitview = createComponent({
+    tagName: 'dnn-vertical-splitview',
+    elementClass: DnnVerticalSplitviewElement,
+    react: React,
+    events: { onWidthChanged: 'widthChanged' },
+    defineCustomElement: defineDnnVerticalSplitview
+});
+//# sourceMappingURL=components.js.map

package/dist/components/stencil-generated/components.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.js","sourceRoot":"","sources":["../../../lib/components/stencil-generated/components.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -1,3 +1,3 @@
-export * from "./components/stencil-generated";
+export * from "./components/stencil-generated/components";
 export { defineCustomElements } from "@dnncommunity/dnn-elements/loader";
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,gCAAgC,CAAC;AAC/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,2CAA2C,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC"}

package/dist/types/components/stencil-generated/components.d.ts

@@ -0,0 +1,134 @@
+import { type ColorInfo, type DnnAutocompleteCustomEvent, type DnnColorInfo, type DnnColorInputCustomEvent, type DnnColorPickerCustomEvent, type DnnDropzoneCustomEvent, type DnnImageCropperCustomEvent, type DnnPermissionsGridCustomEvent, type DnnToggleChangeEventDetail, type DnnToggleCustomEvent, type IPermissions, type NeedMoreItemsEventArgs } from "@dnncommunity/dnn-elements";
+import { DnnAutocomplete as DnnAutocompleteElement } from "@dnncommunity/dnn-elements/dist/components/dnn-autocomplete.js";
+import { DnnButton as DnnButtonElement } from "@dnncommunity/dnn-elements/dist/components/dnn-button.js";
+import { DnnCheckbox as DnnCheckboxElement } from "@dnncommunity/dnn-elements/dist/components/dnn-checkbox.js";
+import { DnnChevron as DnnChevronElement } from "@dnncommunity/dnn-elements/dist/components/dnn-chevron.js";
+import { DnnCollapsible as DnnCollapsibleElement } from "@dnncommunity/dnn-elements/dist/components/dnn-collapsible.js";
+import { DnnColorInput as DnnColorInputElement } from "@dnncommunity/dnn-elements/dist/components/dnn-color-input.js";
+import { DnnColorPicker as DnnColorPickerElement } from "@dnncommunity/dnn-elements/dist/components/dnn-color-picker.js";
+import { DnnDropzone as DnnDropzoneElement } from "@dnncommunity/dnn-elements/dist/components/dnn-dropzone.js";
+import { DnnFieldset as DnnFieldsetElement } from "@dnncommunity/dnn-elements/dist/components/dnn-fieldset.js";
+import { DnnImageCropper as DnnImageCropperElement } from "@dnncommunity/dnn-elements/dist/components/dnn-image-cropper.js";
+import { DnnInput as DnnInputElement } from "@dnncommunity/dnn-elements/dist/components/dnn-input.js";
+import { DnnModal as DnnModalElement } from "@dnncommunity/dnn-elements/dist/components/dnn-modal.js";
+import { DnnMonacoEditor as DnnMonacoEditorElement } from "@dnncommunity/dnn-elements/dist/components/dnn-monaco-editor.js";
+import { DnnPermissionsGrid as DnnPermissionsGridElement } from "@dnncommunity/dnn-elements/dist/components/dnn-permissions-grid.js";
+import { DnnProgressBar as DnnProgressBarElement } from "@dnncommunity/dnn-elements/dist/components/dnn-progress-bar.js";
+import { DnnRichtext as DnnRichtextElement } from "@dnncommunity/dnn-elements/dist/components/dnn-richtext.js";
+import { DnnSearchbox as DnnSearchboxElement } from "@dnncommunity/dnn-elements/dist/components/dnn-searchbox.js";
+import { DnnSelect as DnnSelectElement } from "@dnncommunity/dnn-elements/dist/components/dnn-select.js";
+import { DnnSortIcon as DnnSortIconElement } from "@dnncommunity/dnn-elements/dist/components/dnn-sort-icon.js";
+import { DnnTab as DnnTabElement } from "@dnncommunity/dnn-elements/dist/components/dnn-tab.js";
+import { DnnTabs as DnnTabsElement } from "@dnncommunity/dnn-elements/dist/components/dnn-tabs.js";
+import { DnnTextarea as DnnTextareaElement } from "@dnncommunity/dnn-elements/dist/components/dnn-textarea.js";
+import { DnnToggle as DnnToggleElement } from "@dnncommunity/dnn-elements/dist/components/dnn-toggle.js";
+import { DnnTreeviewItem as DnnTreeviewItemElement } from "@dnncommunity/dnn-elements/dist/components/dnn-treeview-item.js";
+import { DnnVerticalOverflowMenu as DnnVerticalOverflowMenuElement } from "@dnncommunity/dnn-elements/dist/components/dnn-vertical-overflow-menu.js";
+import { DnnVerticalSplitview as DnnVerticalSplitviewElement } from "@dnncommunity/dnn-elements/dist/components/dnn-vertical-splitview.js";
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+export type DnnAutocompleteEvents = {
+    onValueChange: EventName<CustomEvent<number | string | string[]>>;
+    onValueInput: EventName<CustomEvent<number | string | string[]>>;
+    onNeedMoreItems: EventName<DnnAutocompleteCustomEvent<NeedMoreItemsEventArgs>>;
+    onSearchQueryChanged: EventName<CustomEvent<string>>;
+    onItemSelected: EventName<CustomEvent<string>>;
+};
+export declare const DnnAutocomplete: StencilReactComponent<DnnAutocompleteElement, DnnAutocompleteEvents>;
+export type DnnButtonEvents = {
+    onConfirmed: EventName<CustomEvent<any>>;
+    onCanceled: EventName<CustomEvent<any>>;
+};
+export declare const DnnButton: StencilReactComponent<DnnButtonElement, DnnButtonEvents>;
+export type DnnCheckboxEvents = {
+    onCheckedchange: EventName<CustomEvent<"checked" | "unchecked" | "intermediate">>;
+};
+export declare const DnnCheckbox: StencilReactComponent<DnnCheckboxElement, DnnCheckboxEvents>;
+export type DnnChevronEvents = {
+    onChanged: EventName<CustomEvent<any>>;
+};
+export declare const DnnChevron: StencilReactComponent<DnnChevronElement, DnnChevronEvents>;
+export type DnnCollapsibleEvents = {
+    onDnnCollapsibleHeightChanged: EventName<CustomEvent<void>>;
+};
+export declare const DnnCollapsible: StencilReactComponent<DnnCollapsibleElement, DnnCollapsibleEvents>;
+export type DnnColorInputEvents = {
+    onColorChange: EventName<DnnColorInputCustomEvent<DnnColorInfo>>;
+    onColorInput: EventName<DnnColorInputCustomEvent<DnnColorInfo>>;
+};
+export declare const DnnColorInput: StencilReactComponent<DnnColorInputElement, DnnColorInputEvents>;
+export type DnnColorPickerEvents = {
+    onColorChanged: EventName<DnnColorPickerCustomEvent<ColorInfo>>;
+};
+export declare const DnnColorPicker: StencilReactComponent<DnnColorPickerElement, DnnColorPickerEvents>;
+export type DnnDropzoneEvents = {
+    onFilesSelected: EventName<DnnDropzoneCustomEvent<File[]>>;
+};
+export declare const DnnDropzone: StencilReactComponent<DnnDropzoneElement, DnnDropzoneEvents>;
+export type DnnFieldsetEvents = NonNullable<unknown>;
+export declare const DnnFieldset: StencilReactComponent<DnnFieldsetElement, DnnFieldsetEvents>;
+export type DnnImageCropperEvents = {
+    onImageCropChanged: EventName<CustomEvent<string>>;
+    onImageFileCropChanged: EventName<DnnImageCropperCustomEvent<File>>;
+};
+export declare const DnnImageCropper: StencilReactComponent<DnnImageCropperElement, DnnImageCropperEvents>;
+export type DnnInputEvents = {
+    onValueChange: EventName<CustomEvent<number | string | string[]>>;
+    onValueInput: EventName<CustomEvent<number | string | string[]>>;
+};
+export declare const DnnInput: StencilReactComponent<DnnInputElement, DnnInputEvents>;
+export type DnnModalEvents = {
+    onDismissed: EventName<CustomEvent<any>>;
+};
+export declare const DnnModal: StencilReactComponent<DnnModalElement, DnnModalEvents>;
+export type DnnMonacoEditorEvents = {
+    onContentChanged: EventName<CustomEvent<string>>;
+};
+export declare const DnnMonacoEditor: StencilReactComponent<DnnMonacoEditorElement, DnnMonacoEditorEvents>;
+export type DnnPermissionsGridEvents = {
+    onUserSearchQueryChanged: EventName<CustomEvent<string>>;
+    onPermissionsChanged: EventName<DnnPermissionsGridCustomEvent<IPermissions>>;
+};
+export declare const DnnPermissionsGrid: StencilReactComponent<DnnPermissionsGridElement, DnnPermissionsGridEvents>;
+export type DnnProgressBarEvents = NonNullable<unknown>;
+export declare const DnnProgressBar: StencilReactComponent<DnnProgressBarElement, DnnProgressBarEvents>;
+export type DnnRichtextEvents = {
+    onValueChange: EventName<CustomEvent<string>>;
+    onValueInput: EventName<CustomEvent<string>>;
+};
+export declare const DnnRichtext: StencilReactComponent<DnnRichtextElement, DnnRichtextEvents>;
+export type DnnSearchboxEvents = {
+    onQueryChanged: EventName<CustomEvent<string>>;
+};
+export declare const DnnSearchbox: StencilReactComponent<DnnSearchboxElement, DnnSearchboxEvents>;
+export type DnnSelectEvents = {
+    onValueChange: EventName<CustomEvent<string>>;
+};
+export declare const DnnSelect: StencilReactComponent<DnnSelectElement, DnnSelectEvents>;
+export type DnnSortIconEvents = {
+    onSortChanged: EventName<CustomEvent<"asc" | "desc" | "none">>;
+};
+export declare const DnnSortIcon: StencilReactComponent<DnnSortIconElement, DnnSortIconEvents>;
+export type DnnTabEvents = NonNullable<unknown>;
+export declare const DnnTab: StencilReactComponent<DnnTabElement, DnnTabEvents>;
+export type DnnTabsEvents = NonNullable<unknown>;
+export declare const DnnTabs: StencilReactComponent<DnnTabsElement, DnnTabsEvents>;
+export type DnnTextareaEvents = {
+    onValueInput: EventName<CustomEvent<string>>;
+    onValueChange: EventName<CustomEvent<string>>;
+};
+export declare const DnnTextarea: StencilReactComponent<DnnTextareaElement, DnnTextareaEvents>;
+export type DnnToggleEvents = {
+    onCheckChanged: EventName<DnnToggleCustomEvent<DnnToggleChangeEventDetail>>;
+};
+export declare const DnnToggle: StencilReactComponent<DnnToggleElement, DnnToggleEvents>;
+export type DnnTreeviewItemEvents = {
+    onUserExpanded: EventName<CustomEvent<void>>;
+    onUserCollapsed: EventName<CustomEvent<void>>;
+};
+export declare const DnnTreeviewItem: StencilReactComponent<DnnTreeviewItemElement, DnnTreeviewItemEvents>;
+export type DnnVerticalOverflowMenuEvents = NonNullable<unknown>;
+export declare const DnnVerticalOverflowMenu: StencilReactComponent<DnnVerticalOverflowMenuElement, DnnVerticalOverflowMenuEvents>;
+export type DnnVerticalSplitviewEvents = {
+    onWidthChanged: EventName<CustomEvent<number>>;
+};
+export declare const DnnVerticalSplitview: StencilReactComponent<DnnVerticalSplitviewElement, DnnVerticalSplitviewEvents>;

package/dist/types/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./components/stencil-generated";
+export * from "./components/stencil-generated/components";
 export { defineCustomElements } from "@dnncommunity/dnn-elements/loader";

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@dnncommunity/dnn-elements-react",
-  "version": "0.27.5-beta.1",
+  "version": "0.27.6-beta.1",
   "description": "Dnn themed custom elements with react wrappers.",
-  "homepage": "https://github.com/valadas/dnn-elements",
+  "homepage": "https://github.com/dnncommunity/dnn-elements",
   "license": "MIT",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -18,17 +18,18 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/valadas/dnn-elements.git"
+    "url": "git+https://github.com/dnncommunity/dnn-elements.git"
   },
   "scripts": {
     "build": "npm run tsc",
     "tsc": "tsc -p ."
   },
   "bugs": {
-    "url": "https://github.com/valadas/dnn-elements/issues"
+    "url": "https://github.com/dnncommunity/dnn-elements/issues"
   },
   "dependencies": {
-    "@dnncommunity/dnn-elements": "0.27.5-beta.1"
+    "@dnncommunity/dnn-elements": "0.27.6-beta.1",
+    "@stencil/react-output-target": "^1.2.0"
   },
   "devDependencies": {
     "@babel/preset-env": "^7.21.4",
@@ -38,6 +39,6 @@
     "prop-types": "^15.8.1",
     "react": "^18.2.0",
     "react-dom": "^19.1.0",
-    "typescript": "^5.0.3"
+    "typescript": "^5.9.2"
   }
 }

package/dist/components/stencil-generated/index.js

@@ -1,28 +0,0 @@
-import { createReactComponent } from './react-component-lib';
-export const DnnAutocomplete = createReactComponent('dnn-autocomplete');
-export const DnnButton = createReactComponent('dnn-button');
-export const DnnCheckbox = createReactComponent('dnn-checkbox');
-export const DnnChevron = createReactComponent('dnn-chevron');
-export const DnnCollapsible = createReactComponent('dnn-collapsible');
-export const DnnColorInput = createReactComponent('dnn-color-input');
-export const DnnColorPicker = createReactComponent('dnn-color-picker');
-export const DnnDropzone = createReactComponent('dnn-dropzone');
-export const DnnFieldset = createReactComponent('dnn-fieldset');
-export const DnnImageCropper = createReactComponent('dnn-image-cropper');
-export const DnnInput = createReactComponent('dnn-input');
-export const DnnModal = createReactComponent('dnn-modal');
-export const DnnMonacoEditor = createReactComponent('dnn-monaco-editor');
-export const DnnPermissionsGrid = createReactComponent('dnn-permissions-grid');
-export const DnnProgressBar = createReactComponent('dnn-progress-bar');
-export const DnnRichtext = createReactComponent('dnn-richtext');
-export const DnnSearchbox = createReactComponent('dnn-searchbox');
-export const DnnSelect = createReactComponent('dnn-select');
-export const DnnSortIcon = createReactComponent('dnn-sort-icon');
-export const DnnTab = createReactComponent('dnn-tab');
-export const DnnTabs = createReactComponent('dnn-tabs');
-export const DnnTextarea = createReactComponent('dnn-textarea');
-export const DnnToggle = createReactComponent('dnn-toggle');
-export const DnnTreeviewItem = createReactComponent('dnn-treeview-item');
-export const DnnVerticalOverflowMenu = createReactComponent('dnn-vertical-overflow-menu');
-export const DnnVerticalSplitview = createReactComponent('dnn-vertical-splitview');
-//# sourceMappingURL=index.js.map

package/dist/components/stencil-generated/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../lib/components/stencil-generated/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAM7D,MAAM,CAAC,MAAM,eAAe,GAAgB,oBAAoB,CAAkD,kBAAkB,CAAC,CAAC;AACtI,MAAM,CAAC,MAAM,SAAS,GAAgB,oBAAoB,CAAsC,YAAY,CAAC,CAAC;AAC9G,MAAM,CAAC,MAAM,WAAW,GAAgB,oBAAoB,CAA0C,cAAc,CAAC,CAAC;AACtH,MAAM,CAAC,MAAM,UAAU,GAAgB,oBAAoB,CAAwC,aAAa,CAAC,CAAC;AAClH,MAAM,CAAC,MAAM,cAAc,GAAgB,oBAAoB,CAAgD,iBAAiB,CAAC,CAAC;AAClI,MAAM,CAAC,MAAM,aAAa,GAAgB,oBAAoB,CAA8C,iBAAiB,CAAC,CAAC;AAC/H,MAAM,CAAC,MAAM,cAAc,GAAgB,oBAAoB,CAAgD,kBAAkB,CAAC,CAAC;AACnI,MAAM,CAAC,MAAM,WAAW,GAAgB,oBAAoB,CAA0C,cAAc,CAAC,CAAC;AACtH,MAAM,CAAC,MAAM,WAAW,GAAgB,oBAAoB,CAA0C,cAAc,CAAC,CAAC;AACtH,MAAM,CAAC,MAAM,eAAe,GAAgB,oBAAoB,CAAkD,mBAAmB,CAAC,CAAC;AACvI,MAAM,CAAC,MAAM,QAAQ,GAAgB,oBAAoB,CAAoC,WAAW,CAAC,CAAC;AAC1G,MAAM,CAAC,MAAM,QAAQ,GAAgB,oBAAoB,CAAoC,WAAW,CAAC,CAAC;AAC1G,MAAM,CAAC,MAAM,eAAe,GAAgB,oBAAoB,CAAkD,mBAAmB,CAAC,CAAC;AACvI,MAAM,CAAC,MAAM,kBAAkB,GAAgB,oBAAoB,CAAwD,sBAAsB,CAAC,CAAC;AACnJ,MAAM,CAAC,MAAM,cAAc,GAAgB,oBAAoB,CAAgD,kBAAkB,CAAC,CAAC;AACnI,MAAM,CAAC,MAAM,WAAW,GAAgB,oBAAoB,CAA0C,cAAc,CAAC,CAAC;AACtH,MAAM,CAAC,MAAM,YAAY,GAAgB,oBAAoB,CAA4C,eAAe,CAAC,CAAC;AAC1H,MAAM,CAAC,MAAM,SAAS,GAAgB,oBAAoB,CAAsC,YAAY,CAAC,CAAC;AAC9G,MAAM,CAAC,MAAM,WAAW,GAAgB,oBAAoB,CAA0C,eAAe,CAAC,CAAC;AACvH,MAAM,CAAC,MAAM,MAAM,GAAgB,oBAAoB,CAAgC,SAAS,CAAC,CAAC;AAClG,MAAM,CAAC,MAAM,OAAO,GAAgB,oBAAoB,CAAkC,UAAU,CAAC,CAAC;AACtG,MAAM,CAAC,MAAM,WAAW,GAAgB,oBAAoB,CAA0C,cAAc,CAAC,CAAC;AACtH,MAAM,CAAC,MAAM,SAAS,GAAgB,oBAAoB,CAAsC,YAAY,CAAC,CAAC;AAC9G,MAAM,CAAC,MAAM,eAAe,GAAgB,oBAAoB,CAAkD,mBAAmB,CAAC,CAAC;AACvI,MAAM,CAAC,MAAM,uBAAuB,GAAgB,oBAAoB,CAAkE,4BAA4B,CAAC,CAAC;AACxK,MAAM,CAAC,MAAM,oBAAoB,GAAgB,oBAAoB,CAA4D,wBAAwB,CAAC,CAAC"}