@kit-data-manager/react-pid-component
Version:
React wrapper for the package @kit-data-manager/pid-component
93 lines • 4.13 kB
JavaScript
'use client';
import { createComponent } from '@stencil/react-output-target/runtime';
import React from 'react';
import { ColorHighlight as ColorHighlightElement, defineCustomElement as defineColorHighlight } from "@kit-data-manager/pid-component/dist/components/color-highlight.js";
import { CopyButton as CopyButtonElement, defineCustomElement as defineCopyButton } from "@kit-data-manager/pid-component/dist/components/copy-button.js";
import { JsonViewer as JsonViewerElement, defineCustomElement as defineJsonViewer } from "@kit-data-manager/pid-component/dist/components/json-viewer.js";
import { LocaleVisualization as LocaleVisualizationElement, defineCustomElement as defineLocaleVisualization } from "@kit-data-manager/pid-component/dist/components/locale-visualization.js";
import { PidActions as PidActionsElement, defineCustomElement as definePidActions } from "@kit-data-manager/pid-component/dist/components/pid-actions.js";
import { PidCollapsible as PidCollapsibleElement, defineCustomElement as definePidCollapsible } from "@kit-data-manager/pid-component/dist/components/pid-collapsible.js";
import { PidComponent as PidComponentElement, defineCustomElement as definePidComponent } from "@kit-data-manager/pid-component/dist/components/pid-component.js";
import { PidDataTable as PidDataTableElement, defineCustomElement as definePidDataTable } from "@kit-data-manager/pid-component/dist/components/pid-data-table.js";
import { PidPagination as PidPaginationElement, defineCustomElement as definePidPagination } from "@kit-data-manager/pid-component/dist/components/pid-pagination.js";
import { PidTooltip as PidTooltipElement, defineCustomElement as definePidTooltip } from "@kit-data-manager/pid-component/dist/components/pid-tooltip.js";
export const ColorHighlight = createComponent({
tagName: 'color-highlight',
elementClass: ColorHighlightElement,
react: React,
events: {},
defineCustomElement: defineColorHighlight
});
export const CopyButton = createComponent({
tagName: 'copy-button',
elementClass: CopyButtonElement,
react: React,
events: {},
defineCustomElement: defineCopyButton
});
export const JsonViewer = createComponent({
tagName: 'json-viewer',
elementClass: JsonViewerElement,
react: React,
events: {},
defineCustomElement: defineJsonViewer
});
export const LocaleVisualization = createComponent({
tagName: 'locale-visualization',
elementClass: LocaleVisualizationElement,
react: React,
events: {},
defineCustomElement: defineLocaleVisualization
});
export const PidActions = createComponent({
tagName: 'pid-actions',
elementClass: PidActionsElement,
react: React,
events: {},
defineCustomElement: definePidActions
});
export const PidCollapsible = createComponent({
tagName: 'pid-collapsible',
elementClass: PidCollapsibleElement,
react: React,
events: {
onCollapsibleToggle: 'collapsibleToggle',
onContentHeightChange: 'contentHeightChange'
},
defineCustomElement: definePidCollapsible
});
export const PidComponent = createComponent({
tagName: 'pid-component',
elementClass: PidComponentElement,
react: React,
events: {},
defineCustomElement: definePidComponent
});
export const PidDataTable = createComponent({
tagName: 'pid-data-table',
elementClass: PidDataTableElement,
react: React,
events: {
onPageChange: 'pageChange',
onItemsPerPageChange: 'itemsPerPageChange'
},
defineCustomElement: definePidDataTable
});
export const PidPagination = createComponent({
tagName: 'pid-pagination',
elementClass: PidPaginationElement,
react: React,
events: {
onPageChange: 'pageChange',
onItemsPerPageChange: 'itemsPerPageChange'
},
defineCustomElement: definePidPagination
});
export const PidTooltip = createComponent({
tagName: 'pid-tooltip',
elementClass: PidTooltipElement,
react: React,
events: { onTooltipExpansionChange: 'tooltipExpansionChange' },
defineCustomElement: definePidTooltip
});
//# sourceMappingURL=components.js.map