@nu-grid/nuxt 0.1.1

package/dist/runtime/components/NuGrid.vue.d.ts

@@ -0,0 +1,96 @@
+import type { TableData, TableSlots } from '@nuxt/ui';
+import type { ColumnFiltersState, ColumnOrderState, ColumnPinningState, ColumnSizingInfoState, ColumnSizingState, ExpandedState, GroupingState, PaginationState, RowPinningState, RowSelectionState, SortingState, VisibilityState } from '@tanstack/vue-table';
+import type { NuGridStateSnapshot } from '../composables/_internal/useNuGridStatePersistence.js';
+import type { NuGridAddRowState, NuGridCellClickEvent, NuGridCellEditingCancelledEvent, NuGridCellEditingStartedEvent, NuGridCellValueChangedEvent, NuGridExcelExportOptions, NuGridFilterChangedEvent, NuGridFocusedCellChangedEvent, NuGridFocusedRowChangedEvent, NuGridProps, NuGridRowClickEvent, NuGridSortChangedEvent } from '../types/index.js';
+import type { RowDragEvent } from '../types/drag-drop.js';
+declare const __VLS_export: <T extends TableData>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<(NuGridProps<T> & {
+        globalFilter?: string;
+        columnFilters?: ColumnFiltersState;
+        columnOrder?: ColumnOrderState;
+        columnVisibility?: VisibilityState;
+        columnPinning?: ColumnPinningState;
+        columnSizing?: ColumnSizingState;
+        columnSizingInfo?: ColumnSizingInfoState;
+        rowSelection?: RowSelectionState;
+        rowPinning?: RowPinningState;
+        sorting?: SortingState;
+        grouping?: GroupingState;
+        expanded?: ExpandedState;
+        pagination?: PaginationState;
+        focusedRowId?: string | null;
+    }) & {
+        onRowDragged?: ((event: RowDragEvent<T>) => any) | undefined;
+        onCellEditingCancelled?: ((event: NuGridCellEditingCancelledEvent<T>) => any) | undefined;
+        onCellEditingStarted?: ((event: NuGridCellEditingStartedEvent<T>) => any) | undefined;
+        onStateChanged?: ((state: NuGridStateSnapshot) => any) | undefined;
+        onFilterChanged?: ((event: NuGridFilterChangedEvent) => any) | undefined;
+        onSortChanged?: ((event: NuGridSortChangedEvent) => any) | undefined;
+        onFocusedRowChanged?: ((event: NuGridFocusedRowChangedEvent<T>) => any) | undefined;
+        onFocusedCellChanged?: ((event: NuGridFocusedCellChangedEvent<T>) => any) | undefined;
+        onCellClicked?: ((event: NuGridCellClickEvent<T>) => any) | undefined;
+        onRowClicked?: ((event: NuGridRowClickEvent<T>) => any) | undefined;
+        onCellDoubleClicked?: ((event: NuGridCellClickEvent<T>) => any) | undefined;
+        onRowDoubleClicked?: ((event: NuGridRowClickEvent<T>) => any) | undefined;
+        onCellValueChanged?: ((event: NuGridCellValueChangedEvent<T>) => any) | undefined;
+        onRowSelectionChanged?: ((event: RowSelectionState) => any) | undefined;
+        onReady?: (() => any) | undefined;
+        onRowAddRequested?: ((row: T) => any) | undefined;
+        onAddRowStateChanged?: ((state: NuGridAddRowState) => any) | undefined;
+        "onUpdate:globalFilter"?: ((value: string) => any) | undefined;
+        "onUpdate:columnFilters"?: ((value: ColumnFiltersState) => any) | undefined;
+        "onUpdate:columnOrder"?: ((value: ColumnOrderState) => any) | undefined;
+        "onUpdate:columnVisibility"?: ((value: VisibilityState) => any) | undefined;
+        "onUpdate:columnPinning"?: ((value: ColumnPinningState) => any) | undefined;
+        "onUpdate:columnSizing"?: ((value: ColumnSizingState) => any) | undefined;
+        "onUpdate:columnSizingInfo"?: ((value: ColumnSizingInfoState) => any) | undefined;
+        "onUpdate:rowSelection"?: ((value: RowSelectionState) => any) | undefined;
+        "onUpdate:rowPinning"?: ((value: RowPinningState) => any) | undefined;
+        "onUpdate:sorting"?: ((value: SortingState) => any) | undefined;
+        "onUpdate:grouping"?: ((value: GroupingState) => any) | undefined;
+        "onUpdate:expanded"?: ((value: ExpandedState) => any) | undefined;
+        "onUpdate:pagination"?: ((value: PaginationState) => any) | undefined;
+        "onUpdate:focusedRowId"?: ((value: string | null) => any) | undefined;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: import("vue").ShallowUnwrapRef<{
+        readonly $el: any;
+        tableRef: import("vue").Ref<HTMLDivElement | null, HTMLDivElement | null>;
+        tableApi: import("@tanstack/table-core").Table<T>;
+        autoSizeColumns: (mode?: "fitCell" | "fitGrid") => void;
+        autoSizeColumn: (columnId: string) => void;
+        getState: () => {};
+        setState: (_snapshot: NuGridStateSnapshot) => void;
+        addRowState: import("vue").ComputedRef<NuGridAddRowState>;
+        excelExport: (filenameOrOptions?: string | NuGridExcelExportOptions, sheetName?: string) => Promise<void>;
+        getSelectedRows: <TRow = T>() => TRow[];
+        pagingGoToPage: (page: number) => void;
+        pagingGetCurrentPage: () => number;
+        pagingGetPageSize: () => number;
+        pagingGetTotalPages: () => number;
+        pinColumn: (columnId: string, side: "left" | "right") => void;
+        unpinColumn: (columnId: string) => void;
+        isPinned: (columnId: string) => "left" | "right" | false;
+        getPinnedColumns: () => {
+            left: string[];
+            right: string[];
+        };
+        focusRowById: (rowId: string | null, options?: {
+            columnIndex?: number;
+            align?: "nearest" | "top" | "center";
+        }) => boolean;
+    }>) => void;
+    attrs: any;
+    slots: TableSlots<T>;
+    emit: (((evt: "rowDragged", event: RowDragEvent<T>) => void) & ((evt: "cellEditingCancelled", event: NuGridCellEditingCancelledEvent<T>) => void) & ((evt: "cellEditingStarted", event: NuGridCellEditingStartedEvent<T>) => void) & ((evt: "stateChanged", state: NuGridStateSnapshot) => void) & ((evt: "filterChanged", event: NuGridFilterChangedEvent) => void) & ((evt: "sortChanged", event: NuGridSortChangedEvent) => void) & ((evt: "focusedRowChanged", event: NuGridFocusedRowChangedEvent<T>) => void) & ((evt: "focusedCellChanged", event: NuGridFocusedCellChangedEvent<T>) => void) & ((evt: "cellClicked", event: NuGridCellClickEvent<T>) => void) & ((evt: "rowClicked", event: NuGridRowClickEvent<T>) => void) & ((evt: "cellDoubleClicked", event: NuGridCellClickEvent<T>) => void) & ((evt: "rowDoubleClicked", event: NuGridRowClickEvent<T>) => void) & ((evt: "cellValueChanged", event: NuGridCellValueChangedEvent<T>) => void) & ((evt: "rowSelectionChanged", event: RowSelectionState) => void) & ((evt: "ready") => void) & ((evt: "rowAddRequested", row: T) => void) & ((evt: "addRowStateChanged", state: NuGridAddRowState) => void)) & (((evt: "update:globalFilter", value: string) => void) & ((evt: "update:columnFilters", value: ColumnFiltersState) => void) & ((evt: "update:columnOrder", value: ColumnOrderState) => void) & ((evt: "update:columnVisibility", value: VisibilityState) => void) & ((evt: "update:columnPinning", value: ColumnPinningState) => void) & ((evt: "update:columnSizing", value: ColumnSizingState) => void) & ((evt: "update:columnSizingInfo", value: ColumnSizingInfoState) => void) & ((evt: "update:rowSelection", value: RowSelectionState) => void) & ((evt: "update:rowPinning", value: RowPinningState) => void) & ((evt: "update:sorting", value: SortingState) => void) & ((evt: "update:grouping", value: GroupingState) => void) & ((evt: "update:expanded", value: ExpandedState) => void) & ((evt: "update:pagination", value: PaginationState) => void) & ((evt: "update:focusedRowId", value: string | null) => void));
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/runtime/components/NuGridCellCheckbox.d.vue.ts

@@ -0,0 +1,24 @@
+type __VLS_Props = {
+    disabled?: boolean;
+    interactive?: boolean;
+};
+type __VLS_ModelProps = {
+    modelValue: boolean | 'indeterminate';
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
+    focus: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    blur: (event: FocusEvent) => any;
+    "update:modelValue": (value: boolean | "indeterminate") => any;
+    keydown: (event: KeyboardEvent) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onBlur?: ((event: FocusEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean | "indeterminate") => any) | undefined;
+    onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+}>, {
+    disabled: boolean;
+    interactive: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/NuGridCellCheckbox.vue

@@ -0,0 +1,105 @@
+<script setup>
+import { useAppConfig } from "#imports";
+import { tv } from "@nuxt/ui/runtime/utils/tv.js";
+import { CheckboxIndicator, CheckboxRoot } from "reka-ui";
+import { computed, inject, nextTick, ref, useId } from "vue";
+defineOptions({ inheritAttrs: false });
+const props = defineProps({
+  disabled: { type: Boolean, required: false, default: false },
+  interactive: { type: Boolean, required: false, default: false }
+});
+const emit = defineEmits(["keydown", "blur"]);
+const uiConfig = inject("nugrid-ui-config", null);
+const modelValue = defineModel({ type: [Boolean, String], ...{ required: true } });
+const appConfig = useAppConfig();
+const checkboxRef = ref(null);
+const id = useId();
+const showFocusRing = ref(false);
+const isMouseInteraction = ref(false);
+const ui = computed(() => {
+  const mergedTheme = uiConfig?.checkboxTheme?.value;
+  return tv({
+    extend: mergedTheme ? tv(mergedTheme) : void 0,
+    ...appConfig.ui?.checkbox || {}
+  })({
+    size: "md",
+    color: "primary",
+    disabled: props.disabled
+  });
+});
+const onUpdate = (value) => {
+  if (!props.disabled && props.interactive) {
+    modelValue.value = value;
+  }
+};
+const handleMouseDown = () => {
+  isMouseInteraction.value = true;
+};
+const handleClick = (event) => {
+  if (props.interactive) {
+    event.stopPropagation();
+  }
+};
+const handleFocus = () => {
+  showFocusRing.value = !isMouseInteraction.value;
+  isMouseInteraction.value = false;
+};
+const handleBlur = (event) => {
+  showFocusRing.value = false;
+  emit("blur", event);
+};
+const handleKeydown = (event) => {
+  emit("keydown", event);
+};
+defineExpose({
+  focus: () => {
+    nextTick(() => {
+      const element = document.getElementById(id);
+      if (element instanceof HTMLElement) {
+        element.focus({ preventScroll: true });
+      }
+    });
+  }
+});
+</script>
+
+<template>
+  <div class="flex h-full w-full items-center justify-center">
+    <div :class="ui.container()">
+      <!-- Wrapper for custom focus ring controlled by keyboard/mouse detection -->
+      <div
+        :class="[
+  'inline-flex rounded-sm',
+  interactive && showFocusRing && 'outline-2 outline-offset-2 outline-primary-500 dark:outline-primary-400',
+  !interactive && 'cursor-default'
+]"
+      >
+        <CheckboxRoot
+          :id="id"
+          ref="checkboxRef"
+          v-bind="$attrs"
+          :model-value="modelValue"
+          :disabled="disabled || !interactive"
+          :class="[ui.base(), !interactive && 'pointer-events-none cursor-default!']"
+          @update:model-value="onUpdate"
+          @mousedown="handleMouseDown"
+          @focus="handleFocus"
+          @blur="handleBlur"
+          @keydown="handleKeydown"
+          @click="handleClick"
+        >
+          <template #default>
+            <CheckboxIndicator :class="ui.indicator()">
+              <UIcon
+                :name="
+  modelValue === 'indeterminate' ? appConfig.ui.icons.minus : appConfig.ui.icons.check
+"
+                :class="ui.icon()"
+              />
+            </CheckboxIndicator>
+          </template>
+        </CheckboxRoot>
+      </div>
+    </div>
+  </div>
+</template>

package/dist/runtime/components/NuGridCellCheckbox.vue.d.ts

@@ -0,0 +1,24 @@
+type __VLS_Props = {
+    disabled?: boolean;
+    interactive?: boolean;
+};
+type __VLS_ModelProps = {
+    modelValue: boolean | 'indeterminate';
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
+    focus: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    blur: (event: FocusEvent) => any;
+    "update:modelValue": (value: boolean | "indeterminate") => any;
+    keydown: (event: KeyboardEvent) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onBlur?: ((event: FocusEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean | "indeterminate") => any) | undefined;
+    onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+}>, {
+    disabled: boolean;
+    interactive: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/NuGridGroup.d.vue.ts

@@ -0,0 +1,20 @@
+import type { TableData, TableSlots } from '@nuxt/ui';
+import type { NuGridProps } from '../types/index.js';
+declare const __VLS_export: <T extends TableData>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<NuGridProps<T>> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: TableSlots<T>;
+    emit: {};
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};