@uibit/table 0.1.0

package/dist/frameworks/angular/index.ts

@@ -0,0 +1,93 @@
+import { Component, ChangeDetectionStrategy, ElementRef, input, effect, booleanAttribute } from '@angular/core';
+import '@uibit/table';
+import type { Table as HTMLElementClass } from '@uibit/table';
+
+@Component({
+  selector: 'uibit-table',
+  template: '<ng-content></ng-content>',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: true
+})
+export class NgxTable {
+  constructor(private el: ElementRef<HTMLElementClass>) {
+    effect(() => {
+      if (this.el.nativeElement) {
+        this.el.nativeElement.searchable = this.searchable();
+      }
+    });
+    effect(() => {
+      if (this.el.nativeElement) {
+        this.el.nativeElement.paginated = this.paginated();
+      }
+    });
+    effect(() => {
+      if (this.el.nativeElement) {
+        this.el.nativeElement.exportable = this.exportable();
+      }
+    });
+    effect(() => {
+      if (this.el.nativeElement) {
+        this.el.nativeElement.selectable = this.selectable();
+      }
+    });
+    effect(() => {
+      if (this.el.nativeElement) {
+        this.el.nativeElement.filterable = this.filterable();
+      }
+    });
+    effect(() => {
+      if (this.el.nativeElement) {
+        this.el.nativeElement.resizable = this.resizable();
+      }
+    });
+    effect(() => {
+      if (this.el.nativeElement) {
+        this.el.nativeElement.columnChooser = this.columnChooser();
+      }
+    });
+    effect(() => {
+      if (this.el.nativeElement) {
+        this.el.nativeElement.striped = this.striped();
+      }
+    });
+    effect(() => {
+      if (this.el.nativeElement) {
+        this.el.nativeElement.stickyHeader = this.stickyHeader();
+      }
+    });
+    effect(() => {
+      if (this.el.nativeElement) {
+        this.el.nativeElement.pageSizes = this.pageSizes();
+      }
+    });
+    effect(() => {
+      if (this.el.nativeElement) {
+        this.el.nativeElement.controlsLayout = this.controlsLayout();
+      }
+    });
+    effect(() => {
+      if (this.el.nativeElement) {
+        this.el.nativeElement.infiniteScroll = this.infiniteScroll();
+      }
+    });
+    effect(() => {
+      if (this.el.nativeElement) {
+        this.el.nativeElement.loading = this.loading();
+      }
+    });
+  }
+
+  readonly searchable = input<boolean, any>(true, { transform: booleanAttribute });
+  readonly paginated = input<boolean, any>(true, { transform: booleanAttribute });
+  readonly exportable = input<boolean, any>(true, { transform: booleanAttribute });
+  readonly selectable = input<boolean, any>(false, { transform: booleanAttribute });
+  readonly filterable = input<boolean, any>(false, { transform: booleanAttribute });
+  readonly resizable = input<boolean, any>(false, { transform: booleanAttribute });
+  readonly columnChooser = input<boolean, any>(false, { transform: booleanAttribute });
+  readonly striped = input<boolean, any>(false, { transform: booleanAttribute });
+  readonly stickyHeader = input<boolean, any>(false, { transform: booleanAttribute });
+  readonly pageSizes = input<string, any>('10,25,50,100');
+  readonly controlsLayout = input<'inline' | 'menu', any>('inline');
+  readonly infiniteScroll = input<boolean, any>(false, { transform: booleanAttribute });
+  readonly loading = input<boolean, any>(false, { transform: booleanAttribute });
+}

package/dist/frameworks/astro/index.d.ts

@@ -0,0 +1,10 @@
+import type { Table as HTMLElementClass } from '@uibit/table';
+import '@uibit/table';
+
+declare global {
+  namespace astroHTML.JSX {
+    interface IntrinsicElements {
+      'uibit-table': Partial<HTMLElementClass> & astroHTML.JSX.HTMLAttributes;
+    }
+  }
+}

package/dist/frameworks/nuxt/index.ts

@@ -0,0 +1,7 @@
+import { defineNuxtPlugin } from '#app';
+
+export default defineNuxtPlugin(() => {
+  if (process.client) {
+    import('@uibit/table');
+  }
+});

package/dist/frameworks/preact/index.d.ts

@@ -0,0 +1,25 @@
+import type { JSX } from 'preact';
+import type { Table as HTMLElementClass } from '@uibit/table';
+import '@uibit/table';
+
+declare module 'preact' {
+  namespace JSX {
+    interface IntrinsicElements {
+      'uibit-table': JSX.HTMLAttributes<HTMLElementClass> & {
+      searchable?: boolean;
+      paginated?: boolean;
+      exportable?: boolean;
+      selectable?: boolean;
+      filterable?: boolean;
+      resizable?: boolean;
+      columnChooser?: boolean;
+      striped?: boolean;
+      stickyHeader?: boolean;
+      pageSizes?: string;
+      controlsLayout?: 'inline' | 'menu';
+      infiniteScroll?: boolean;
+      loading?: boolean;
+      };
+    }
+  }
+}

package/dist/frameworks/qwik/index.tsx

@@ -0,0 +1,10 @@
+import { component$, Slot } from '@builder.io/qwik';
+import '@uibit/table';
+
+export const Table = component$<any>((props) => {
+  return (
+    <uibit-table {...props}>
+      <Slot />
+    </uibit-table>
+  );
+});

package/dist/frameworks/react/index.d.ts

@@ -0,0 +1,29 @@
+import type { HTMLAttributes, ClassAttributes } from 'react';
+import type { Table as HTMLElementClass } from '@uibit/table';
+import '@uibit/table';
+
+declare global {
+  namespace React {
+    namespace JSX {
+      interface IntrinsicElements {
+        'uibit-table': ClassAttributes<HTMLElementClass> & HTMLAttributes<HTMLElementClass> & {
+          children?: React.ReactNode;
+          class?: string;
+      searchable?: boolean;
+      paginated?: boolean;
+      exportable?: boolean;
+      selectable?: boolean;
+      filterable?: boolean;
+      resizable?: boolean;
+      columnChooser?: boolean;
+      striped?: boolean;
+      stickyHeader?: boolean;
+      pageSizes?: string;
+      controlsLayout?: 'inline' | 'menu';
+      infiniteScroll?: boolean;
+      loading?: boolean;
+        };
+      }
+    }
+  }
+}

package/dist/frameworks/solid/index.d.ts

@@ -0,0 +1,26 @@
+import type { JSX } from 'solid-js';
+import type { Table as HTMLElementClass } from '@uibit/table';
+import '@uibit/table';
+
+declare module 'solid-js' {
+  namespace JSX {
+    interface IntrinsicElements {
+      'uibit-table': Partial<HTMLElementClass> & JSX.HTMLAttributes<HTMLElementClass> & {
+              searchable?: boolean;
+      paginated?: boolean;
+      exportable?: boolean;
+      selectable?: boolean;
+      filterable?: boolean;
+      resizable?: boolean;
+      columnChooser?: boolean;
+      striped?: boolean;
+      stickyHeader?: boolean;
+      pageSizes?: string;
+      controlsLayout?: 'inline' | 'menu';
+      infiniteScroll?: boolean;
+      loading?: boolean;
+
+      };
+    }
+  }
+}

package/dist/frameworks/stencil/index.d.ts

@@ -0,0 +1,24 @@
+import type { Table as HTMLElementClass } from '@uibit/table';
+import '@uibit/table';
+
+declare module '@stencil/core' {
+  export namespace JSX {
+    interface IntrinsicElements {
+      'uibit-table': HTMLElementClass & {
+    searchable?: boolean;
+    paginated?: boolean;
+    exportable?: boolean;
+    selectable?: boolean;
+    filterable?: boolean;
+    resizable?: boolean;
+    columnChooser?: boolean;
+    striped?: boolean;
+    stickyHeader?: boolean;
+    pageSizes?: string;
+    controlsLayout?: 'inline' | 'menu';
+    infiniteScroll?: boolean;
+    loading?: boolean;
+      };
+    }
+  }
+}

package/dist/frameworks/svelte/index.svelte

@@ -0,0 +1,91 @@
+<script lang="ts">
+  import '@uibit/table';
+  import type { Table as HTMLElementClass } from '@uibit/table';
+  
+  let {
+    searchable = undefined,
+      paginated = undefined,
+      exportable = undefined,
+      selectable = undefined,
+      filterable = undefined,
+      resizable = undefined,
+      columnChooser = undefined,
+      striped = undefined,
+      stickyHeader = undefined,
+      pageSizes = undefined,
+      controlsLayout = undefined,
+      infiniteScroll = undefined,
+      loading = undefined,
+      children
+  } = $props<{
+    children?: any;
+    searchable?: boolean;
+    paginated?: boolean;
+    exportable?: boolean;
+    selectable?: boolean;
+    filterable?: boolean;
+    resizable?: boolean;
+    columnChooser?: boolean;
+    striped?: boolean;
+    stickyHeader?: boolean;
+    pageSizes?: string;
+    controlsLayout?: 'inline' | 'menu';
+    infiniteScroll?: boolean;
+    loading?: boolean;
+  
+  }>();
+  
+  let elementRef: HTMLElementClass | null = $state(null);
+  
+  $effect(() => {
+    if (elementRef && searchable !== undefined) {
+      elementRef.searchable = searchable;
+    }
+    if (elementRef && paginated !== undefined) {
+      elementRef.paginated = paginated;
+    }
+    if (elementRef && exportable !== undefined) {
+      elementRef.exportable = exportable;
+    }
+    if (elementRef && selectable !== undefined) {
+      elementRef.selectable = selectable;
+    }
+    if (elementRef && filterable !== undefined) {
+      elementRef.filterable = filterable;
+    }
+    if (elementRef && resizable !== undefined) {
+      elementRef.resizable = resizable;
+    }
+    if (elementRef && columnChooser !== undefined) {
+      elementRef.columnChooser = columnChooser;
+    }
+    if (elementRef && striped !== undefined) {
+      elementRef.striped = striped;
+    }
+    if (elementRef && stickyHeader !== undefined) {
+      elementRef.stickyHeader = stickyHeader;
+    }
+    if (elementRef && pageSizes !== undefined) {
+      elementRef.pageSizes = pageSizes;
+    }
+    if (elementRef && controlsLayout !== undefined) {
+      elementRef.controlsLayout = controlsLayout;
+    }
+    if (elementRef && infiniteScroll !== undefined) {
+      elementRef.infiniteScroll = infiniteScroll;
+    }
+    if (elementRef && loading !== undefined) {
+      elementRef.loading = loading;
+    }
+  });
+  
+</script>
+
+<uibit-table bind:this={elementRef} {...$$restProps}>
+
+  {#if children}
+    {@render children()}
+  {:else}
+    <slot />
+  {/if}
+</uibit-table>

package/dist/frameworks/vue/index.ts

@@ -0,0 +1,34 @@
+import { defineComponent, h } from 'vue';
+import type { Table as HTMLElementClass } from '@uibit/table';
+import '@uibit/table';
+
+export const Table = defineComponent({
+  name: 'Table',
+  props: {
+    searchable: { type: [String, Number, Boolean, Array, Object] as any },
+    paginated: { type: [String, Number, Boolean, Array, Object] as any },
+    exportable: { type: [String, Number, Boolean, Array, Object] as any },
+    selectable: { type: [String, Number, Boolean, Array, Object] as any },
+    filterable: { type: [String, Number, Boolean, Array, Object] as any },
+    resizable: { type: [String, Number, Boolean, Array, Object] as any },
+    columnChooser: { type: [String, Number, Boolean, Array, Object] as any },
+    striped: { type: [String, Number, Boolean, Array, Object] as any },
+    stickyHeader: { type: [String, Number, Boolean, Array, Object] as any },
+    pageSizes: { type: [String, Number, Boolean, Array, Object] as any },
+    controlsLayout: { type: [String, Number, Boolean, Array, Object] as any },
+    infiniteScroll: { type: [String, Number, Boolean, Array, Object] as any },
+    loading: { type: [String, Number, Boolean, Array, Object] as any }
+  },
+  emits: [],
+  setup(props, { slots, emit }) {
+    return () => {
+      const eventListeners: Record<string, any> = {};
+
+
+      return h('uibit-table', {
+        ...props,
+        ...eventListeners
+      }, slots.default?.());
+    };
+  }
+});

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export { default, Table } from './table';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AACzC,cAAc,SAAS,CAAC"}

package/dist/index.js

@@ -0,0 +1,3 @@
+export { default, Table } from './table';
+export * from './types';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AACzC,cAAc,SAAS,CAAC"}

package/dist/styles.d.ts

@@ -0,0 +1,2 @@
+export declare const styles: import("lit").CSSResult;
+//# sourceMappingURL=styles.d.ts.map

package/dist/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../src/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBA+gBlB,CAAC"}