include additional components

TobikoData · Nov 25, 2024 · 8962171 · 8962171
1 parent d329302
commit 8962171
Show file tree

Hide file tree

Showing 3 changed files with 5,531 additions and 4,877 deletions.
diff --git a/web/client/src/types/index.d.ts b/web/client/src/types/index.d.ts
@@ -6,6 +6,11 @@ declare module '~/utils/tbk-components' {
   export const SourceListSection: any
   export const ModelName: any
   export const ResizeObserver: any
+  export const Metadata: any
+  export const MetadataItem: any
+  export const MetadataSection: any
+  export const Scroll: any
+  export const SplitPane: any
 }
 declare module '~/utils/additional-components' {
   export const TBKBadge: any
@@ -14,6 +19,11 @@ declare module '~/utils/additional-components' {
   export const TBKSourceListSection: any
   export const TBKModelName: any
   export const TBKResizeObserver: any
+  export const TBKMetadata: any
+  export const TBKMetadataItem: any
+  export const TBKMetadataSection: any
+  export const TBKScroll: any
+  export const TBKSplitPane: any
 }
 
 type Subset<T, S extends T> = S

diff --git a/web/client/src/utils/additional-components.ts b/web/client/src/utils/additional-components.ts
@@ -8,8 +8,38 @@ import {
   SourceListItem,
   SourceList,
   Badge,
+  Metadata,
+  MetadataItem,
+  MetadataSection,
+  Scroll,
+  SplitPane,
 } from '~/utils/tbk-components'
 
+export const TBKSplitPane = createComponent({
+  tagName: 'tbk-split-pane',
+  elementClass: SplitPane,
+  react: React,
+})
+export const TBKScroll = createComponent({
+  tagName: 'tbk-scroll',
+  elementClass: Scroll,
+  react: React,
+})
+export const TBKMetadataSection = createComponent({
+  tagName: 'tbk-metadata-section',
+  elementClass: MetadataSection,
+  react: React,
+})
+export const TBKMetadataItem = createComponent({
+  tagName: 'tbk-metadata-item',
+  elementClass: MetadataItem,
+  react: React,
+})
+export const TBKMetadata = createComponent({
+  tagName: 'tbk-metadata',
+  elementClass: Metadata,
+  react: React,
+})
 export const TBKBadge = createComponent({
   tagName: 'tbk-badge',
   elementClass: Badge,