UNPKG

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

Version:

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

140 lines 4.83 kB
'use client'; import { createComponent } from '@stencil/react-output-target/ssr'; import * as clientComponents from "@kit-data-manager/react-pid-component"; export const serializeShadowRoot = { default: "declarative-shadow-dom" }; export const ColorHighlight = createComponent({ tagName: 'color-highlight', properties: { text: 'text' }, hydrateModule: import('@kit-data-manager/pid-component/hydrate'), clientModule: clientComponents.ColorHighlight, serializeShadowRoot }); export const CopyButton = createComponent({ tagName: 'copy-button', properties: { value: 'value', label: 'label', darkMode: 'dark-mode' }, hydrateModule: import('@kit-data-manager/pid-component/hydrate'), clientModule: clientComponents.CopyButton, serializeShadowRoot }); export const JsonViewer = createComponent({ tagName: 'json-viewer', properties: { data: 'data', viewMode: 'view-mode', maxHeight: 'max-height', showLineNumbers: 'show-line-numbers', expandAll: 'expand-all', theme: 'theme' }, hydrateModule: import('@kit-data-manager/pid-component/hydrate'), clientModule: clientComponents.JsonViewer, serializeShadowRoot }); export const LocaleVisualization = createComponent({ tagName: 'locale-visualization', properties: { locale: 'locale', showFlag: 'show-flag' }, hydrateModule: import('@kit-data-manager/pid-component/hydrate'), clientModule: clientComponents.LocaleVisualization, serializeShadowRoot }); export const PidActions = createComponent({ tagName: 'pid-actions', properties: { actionsId: 'actions-id', darkMode: 'dark-mode' }, hydrateModule: import('@kit-data-manager/pid-component/hydrate'), clientModule: clientComponents.PidActions, serializeShadowRoot }); export const PidCollapsible = createComponent({ tagName: 'pid-collapsible', properties: { open: 'open', emphasize: 'emphasize', darkMode: 'dark-mode', initialWidth: 'initial-width', initialHeight: 'initial-height', lineHeight: 'line-height', showFooter: 'show-footer', expanded: 'expanded', previewScrollable: 'preview-scrollable' }, hydrateModule: import('@kit-data-manager/pid-component/hydrate'), clientModule: clientComponents.PidCollapsible, serializeShadowRoot }); export const PidComponent = createComponent({ tagName: 'pid-component', properties: { value: 'value', settings: 'settings', openByDefault: 'open-by-default', itemsPerPage: 'items-per-page', levelOfSubcomponents: 'level-of-subcomponents', currentLevelOfSubcomponents: 'current-level-of-subcomponents', hideSubcomponents: 'hide-subcomponents', emphasizeComponent: 'emphasize-component', showTopLevelCopy: 'show-top-level-copy', defaultTTL: 'default-t-t-l', width: 'width', height: 'height', darkMode: 'dark-mode', renderers: 'renderers', fallbackToAll: 'fallback-to-all' }, hydrateModule: import('@kit-data-manager/pid-component/hydrate'), clientModule: clientComponents.PidComponent, serializeShadowRoot }); export const PidDataTable = createComponent({ tagName: 'pid-data-table', properties: { itemsPerPage: 'items-per-page', currentPage: 'current-page', loadSubcomponents: 'load-subcomponents', hideSubcomponents: 'hide-subcomponents', currentLevelOfSubcomponents: 'current-level-of-subcomponents', levelOfSubcomponents: 'level-of-subcomponents', settings: 'settings', darkMode: 'dark-mode' }, hydrateModule: import('@kit-data-manager/pid-component/hydrate'), clientModule: clientComponents.PidDataTable, serializeShadowRoot }); export const PidPagination = createComponent({ tagName: 'pid-pagination', properties: { currentPage: 'current-page', totalItems: 'total-items', itemsPerPage: 'items-per-page', showItemsPerPageControl: 'show-items-per-page-control', darkMode: 'dark-mode' }, hydrateModule: import('@kit-data-manager/pid-component/hydrate'), clientModule: clientComponents.PidPagination, serializeShadowRoot }); export const PidTooltip = createComponent({ tagName: 'pid-tooltip', properties: { text: 'text', position: 'position', maxWidth: 'max-width', maxHeight: 'max-height', fitContent: 'fit-content', darkMode: 'dark-mode' }, hydrateModule: import('@kit-data-manager/pid-component/hydrate'), clientModule: clientComponents.PidTooltip, serializeShadowRoot }); //# sourceMappingURL=components.server.js.map