UNPKG

@kit-data-manager/react-pid-component

Version:

React wrapper for the package @kit-data-manager/pid-component

93 lines 4.13 kB
'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