@kit-data-manager/react-pid-component
Version:
React wrapper for the package @kit-data-manager/pid-component
73 lines • 3.17 kB
JavaScript
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 { LocaleVisualization as LocaleVisualizationElement, defineCustomElement as defineLocaleVisualization } from "@kit-data-manager/pid-component/dist/components/locale-visualization.js";
import { PidComponent as PidComponentElement, defineCustomElement as definePidComponent } from "@kit-data-manager/pid-component/dist/components/pid-component.js";
import { createComponent, createSSRComponent } from '@stencil/react-output-target/runtime';
import React from 'react';
export const ColorHighlight = typeof window !== 'undefined'
? createComponent({
tagName: 'color-highlight',
elementClass: ColorHighlightElement,
react: React,
events: {},
defineCustomElement: defineColorHighlight
})
: createSSRComponent({
tagName: 'color-highlight',
properties: { text: 'text' },
hydrateModule: import('@kit-data-manager/pid-component/hydrate')
});
export const CopyButton = typeof window !== 'undefined'
? createComponent({
tagName: 'copy-button',
elementClass: CopyButtonElement,
react: React,
events: {},
defineCustomElement: defineCopyButton
})
: createSSRComponent({
tagName: 'copy-button',
properties: { value: 'value' },
hydrateModule: import('@kit-data-manager/pid-component/hydrate')
});
export const LocaleVisualization = typeof window !== 'undefined'
? createComponent({
tagName: 'locale-visualization',
elementClass: LocaleVisualizationElement,
react: React,
events: {},
defineCustomElement: defineLocaleVisualization
})
: createSSRComponent({
tagName: 'locale-visualization',
properties: {
locale: 'locale',
showFlag: 'show-flag'
},
hydrateModule: import('@kit-data-manager/pid-component/hydrate')
});
export const PidComponent = typeof window !== 'undefined'
? createComponent({
tagName: 'pid-component',
elementClass: PidComponentElement,
react: React,
events: {},
defineCustomElement: definePidComponent
})
: createSSRComponent({
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'
},
hydrateModule: import('@kit-data-manager/pid-component/hydrate')
});
//# sourceMappingURL=components.server.js.map