UNPKG

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

Version:

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

126 lines 4.15 kB
import { createComponent } from '@stencil/react-output-target/ssr'; 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'), serializeShadowRoot }); export const CopyButton = createComponent({ tagName: 'copy-button', properties: { value: 'value', label: 'label' }, hydrateModule: import('@kit-data-manager/pid-component/hydrate'), 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'), serializeShadowRoot }); export const LocaleVisualization = createComponent({ tagName: 'locale-visualization', properties: { locale: 'locale', showFlag: 'show-flag' }, hydrateModule: import('@kit-data-manager/pid-component/hydrate'), serializeShadowRoot }); export const PidActions = createComponent({ tagName: 'pid-actions', properties: { actions: 'actions', actionsId: 'actions-id', darkMode: 'dark-mode' }, hydrateModule: import('@kit-data-manager/pid-component/hydrate'), 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' }, hydrateModule: import('@kit-data-manager/pid-component/hydrate'), serializeShadowRoot }); export const PidComponent = createComponent({ tagName: 'pid-component', properties: { value: 'value', settings: 'settings', openByDefault: 'open-by-default', amountOfItems: 'amount-of-items', 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' }, hydrateModule: import('@kit-data-manager/pid-component/hydrate'), serializeShadowRoot }); export const PidDataTable = createComponent({ tagName: 'pid-data-table', properties: { items: 'items', itemsPerPage: 'items-per-page', currentPage: 'current-page', pageSizes: 'page-sizes', 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'), serializeShadowRoot }); export const PidPagination = createComponent({ tagName: 'pid-pagination', properties: { currentPage: 'current-page', totalItems: 'total-items', itemsPerPage: 'items-per-page', pageSizes: 'page-sizes', showItemsPerPageControl: 'show-items-per-page-control', darkMode: 'dark-mode' }, hydrateModule: import('@kit-data-manager/pid-component/hydrate'), serializeShadowRoot }); export const PidTooltip = createComponent({ tagName: 'pid-tooltip', properties: { text: 'text', position: 'position', maxWidth: 'max-width', maxHeight: 'max-height', fitContent: 'fit-content' }, hydrateModule: import('@kit-data-manager/pid-component/hydrate'), serializeShadowRoot }); //# sourceMappingURL=components.server.js.map