@kit-data-manager/react-pid-component
Version:
React wrapper for the package @kit-data-manager/pid-component
140 lines • 4.83 kB
JavaScript
'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