@shifl-inc/ui 0.1.0 → 0.2.0

package/dist/components/grid/GridColumnManager.vue.d.ts

@@ -1,17 +1,9 @@
 import { NormalizedGridColumn } from '../../types/grid';
 type __VLS_Props = {
-  titlePrefix?: string;
-  columns: NormalizedGridColumn[];
+    titlePrefix?: string;
+    columns: NormalizedGridColumn[];
 };
-declare const _default: import('vue').DefineComponent<
-  __VLS_Props,
-  {},
-  {},
-  {},
-  {},
-  import('vue').ComponentOptionsMixin,
-  import('vue').ComponentOptionsMixin,
-  {
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     close: () => any;
     toggle: (key: string) => any;
     move: (fromIndex: number, toIndex: number) => any;
@@ -19,27 +11,13 @@ declare const _default: import('vue').DefineComponent<
     selectAll: () => any;
     deselectAll: () => any;
     restoreDefault: () => any;
-  },
-  string,
-  import('vue').PublicProps,
-  Readonly<__VLS_Props> &
-    Readonly<{
-      onClose?: (() => any) | undefined;
-      onToggle?: ((key: string) => any) | undefined;
-      onMove?: ((fromIndex: number, toIndex: number) => any) | undefined;
-      onToggleFrozen?: ((key: string) => any) | undefined;
-      onSelectAll?: (() => any) | undefined;
-      onDeselectAll?: (() => any) | undefined;
-      onRestoreDefault?: (() => any) | undefined;
-    }>,
-  {},
-  {},
-  {},
-  {},
-  string,
-  import('vue').ComponentProvideOptions,
-  false,
-  {},
-  HTMLDivElement
->;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: (() => any) | undefined;
+    onToggle?: ((key: string) => any) | undefined;
+    onMove?: ((fromIndex: number, toIndex: number) => any) | undefined;
+    onToggleFrozen?: ((key: string) => any) | undefined;
+    onSelectAll?: (() => any) | undefined;
+    onDeselectAll?: (() => any) | undefined;
+    onRestoreDefault?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/dist/components/grid/GridTooltip.vue.d.ts

@@ -0,0 +1,9 @@
+type __VLS_Props = {
+    content: string;
+    visible: boolean;
+    triggerElement?: HTMLElement | null;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    tooltipRef: HTMLDivElement;
+}, any>;
+export default _default;

package/dist/components/grid/ShiflGrid.vue.d.ts

@@ -1,27 +1,19 @@
 import { GridConfig } from '../../types/grid';
 type __VLS_Props = {
-  config: GridConfig<Record<string, unknown>>;
+    config: GridConfig<Record<string, unknown>>;
+    search?: string;
+    loading?: boolean;
 };
-declare const _default: import('vue').DefineComponent<
-  __VLS_Props,
-  {},
-  {},
-  {},
-  {},
-  import('vue').ComponentOptionsMixin,
-  import('vue').ComponentOptionsMixin,
-  {},
-  string,
-  import('vue').PublicProps,
-  Readonly<__VLS_Props> & Readonly<{}>,
-  {},
-  {},
-  {},
-  {},
-  string,
-  import('vue').ComponentProvideOptions,
-  false,
-  {},
-  HTMLDivElement
->;
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "action-click": (actionKey: string, row: Record<string, unknown>, rowIndex: number) => any;
+    "search-change": (searchValue: string) => any;
+    "pagination-change": (page: number, rowsPerPage: number) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onAction-click"?: ((actionKey: string, row: Record<string, unknown>, rowIndex: number) => any) | undefined;
+    "onSearch-change"?: ((searchValue: string) => any) | undefined;
+    "onPagination-change"?: ((page: number, rowsPerPage: number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    '(el) => setTagsRef(col.key, rowIndex, el as HTMLElement)': HTMLDivElement;
+    actionMenuRef: HTMLDivElement;
+}, HTMLDivElement>;
 export default _default;

package/dist/components/icons/InfoAlertIcon.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGSVGElement>;
+export default _default;

package/dist/components/icons/OceanIcon.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGSVGElement>;
+export default _default;

package/dist/components/icons/SmartTrackingIcon.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGSVGElement>;
+export default _default;

package/dist/components/icons/SortAscendingIcon.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGSVGElement>;
+export default _default;

package/dist/components/icons/SortDescendingIcon.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGSVGElement>;
+export default _default;

package/dist/composables/useBreakpoints.d.ts

@@ -1,5 +1,5 @@
 export declare function useBreakpoints(): {
-  width: import('vue').Ref<number, number>;
-  isMobile: import('vue').ComputedRef<boolean>;
-  isTablet: import('vue').ComputedRef<boolean>;
+    width: import('vue').Ref<number, number>;
+    isMobile: import('vue').ComputedRef<boolean>;
+    isTablet: import('vue').ComputedRef<boolean>;
 };

package/dist/composables/useGridActionMenu.d.ts

@@ -0,0 +1,25 @@
+export interface ActionMenuState {
+    rowIndex: number | null;
+    position: {
+        top: number;
+        left: number;
+    } | null;
+}
+export declare function useGridActionMenu(): {
+    menuState: import('vue').Ref<{
+        rowIndex: number | null;
+        position: {
+            top: number;
+            left: number;
+        } | null;
+    }, ActionMenuState | {
+        rowIndex: number | null;
+        position: {
+            top: number;
+            left: number;
+        } | null;
+    }>;
+    openMenu: (rowIndex: number, triggerElement: HTMLElement) => void;
+    closeMenu: () => void;
+    isMenuOpen: (rowIndex: number) => boolean;
+};

package/dist/composables/useGridColumns.d.ts

@@ -1,26 +1,81 @@
 import { NormalizedGridColumn } from '../types/grid';
 export declare function useGridColumns(initialColumns: NormalizedGridColumn[]): {
-  columns: import('vue').Ref<
-    {
-      frozen: boolean;
-      visible: boolean;
-      key: string;
-      label: string;
-      order?: number | undefined;
-      sortable?: boolean | undefined;
-      width?: string | undefined;
-      height?: string | undefined;
-      isDefault?: boolean | undefined;
-      fixed?: boolean | undefined;
-      cellMetadata?:
-        | {
+    columns: import('vue').Ref<{
+        frozen: boolean;
+        visible: boolean;
+        key: string;
+        label: string;
+        order?: number | undefined;
+        sortable?: boolean | undefined;
+        width?: string | undefined;
+        height?: string | undefined;
+        isDefault?: boolean | undefined;
+        fixed?: boolean | undefined;
+        protected?: boolean | undefined;
+        cellMetadata?: {
+            format?: string | undefined;
+            emptyState?: string | undefined;
+        } | undefined;
+        actionColumn?: {
+            type: "action";
+            icon?: string | ((row: Record<string, unknown>) => unknown) | undefined;
+            actions: ((row: Record<string, unknown>) => import('../types/grid').GridAction[]) | {
+                key: string;
+                label: string;
+                icon?: string | (() => unknown) | undefined;
+                danger?: boolean | undefined;
+                show?: ((row: Record<string, unknown>) => boolean) | undefined;
+            }[];
+            width?: string | undefined;
+            frozen?: boolean | undefined;
+            order?: number | undefined;
+            label?: string | undefined;
+        } | undefined;
+        smartTrackingColumn?: {
+            type: "smart-tracking";
+            dataKey: string;
+            icon?: string | (() => unknown) | undefined;
+            width?: string | undefined;
+        } | undefined;
+    }[], NormalizedGridColumn[] | {
+        frozen: boolean;
+        visible: boolean;
+        key: string;
+        label: string;
+        order?: number | undefined;
+        sortable?: boolean | undefined;
+        width?: string | undefined;
+        height?: string | undefined;
+        isDefault?: boolean | undefined;
+        fixed?: boolean | undefined;
+        protected?: boolean | undefined;
+        cellMetadata?: {
             format?: string | undefined;
             emptyState?: string | undefined;
-          }
-        | undefined;
-    }[],
-    | NormalizedGridColumn[]
-    | {
+        } | undefined;
+        actionColumn?: {
+            type: "action";
+            icon?: string | ((row: Record<string, unknown>) => unknown) | undefined;
+            actions: ((row: Record<string, unknown>) => import('../types/grid').GridAction[]) | {
+                key: string;
+                label: string;
+                icon?: string | (() => unknown) | undefined;
+                danger?: boolean | undefined;
+                show?: ((row: Record<string, unknown>) => boolean) | undefined;
+            }[];
+            width?: string | undefined;
+            frozen?: boolean | undefined;
+            order?: number | undefined;
+            label?: string | undefined;
+        } | undefined;
+        smartTrackingColumn?: {
+            type: "smart-tracking";
+            dataKey: string;
+            icon?: string | (() => unknown) | undefined;
+            width?: string | undefined;
+        } | undefined;
+    }[]>;
+    visibleColumns: import('vue').ComputedRef<{
         frozen: boolean;
         visible: boolean;
         key: string;
@@ -31,37 +86,36 @@ export declare function useGridColumns(initialColumns: NormalizedGridColumn[]):
         height?: string | undefined;
         isDefault?: boolean | undefined;
         fixed?: boolean | undefined;
-        cellMetadata?:
-          | {
-              format?: string | undefined;
-              emptyState?: string | undefined;
-            }
-          | undefined;
-      }[]
-  >;
-  visibleColumns: import('vue').ComputedRef<
-    {
-      frozen: boolean;
-      visible: boolean;
-      key: string;
-      label: string;
-      order?: number | undefined;
-      sortable?: boolean | undefined;
-      width?: string | undefined;
-      height?: string | undefined;
-      isDefault?: boolean | undefined;
-      fixed?: boolean | undefined;
-      cellMetadata?:
-        | {
+        protected?: boolean | undefined;
+        cellMetadata?: {
             format?: string | undefined;
             emptyState?: string | undefined;
-          }
-        | undefined;
-    }[]
-  >;
-  toggleColumnVisibility: (key: string) => void;
-  setAllVisible: (visible: boolean) => void;
-  toggleFrozen: (key: string) => void;
-  moveColumn: (fromIndex: number, toIndex: number) => void;
-  resetColumns: () => void;
+        } | undefined;
+        actionColumn?: {
+            type: "action";
+            icon?: string | ((row: Record<string, unknown>) => unknown) | undefined;
+            actions: ((row: Record<string, unknown>) => import('../types/grid').GridAction[]) | {
+                key: string;
+                label: string;
+                icon?: string | (() => unknown) | undefined;
+                danger?: boolean | undefined;
+                show?: ((row: Record<string, unknown>) => boolean) | undefined;
+            }[];
+            width?: string | undefined;
+            frozen?: boolean | undefined;
+            order?: number | undefined;
+            label?: string | undefined;
+        } | undefined;
+        smartTrackingColumn?: {
+            type: "smart-tracking";
+            dataKey: string;
+            icon?: string | (() => unknown) | undefined;
+            width?: string | undefined;
+        } | undefined;
+    }[]>;
+    toggleColumnVisibility: (key: string) => void;
+    setAllVisible: (visible: boolean) => void;
+    toggleFrozen: (key: string) => void;
+    moveColumn: (fromIndex: number, toIndex: number) => void;
+    resetColumns: () => void;
 };

package/dist/composables/useGridData.d.ts

@@ -1,4 +1,4 @@
 import { NormalizedGridConfig } from '../types/grid';
 export declare function useGridData<T>(config: NormalizedGridConfig<T>): {
-  rows: T[];
+    rows: T[];
 };

package/dist/composables/useGridFilter.d.ts

@@ -1,5 +1,3 @@
 export declare function useGridFilter(): {
-  globalFilter: import('vue').Ref<string, string>;
-  setGlobalFilter: (value: string) => void;
-  applyGlobalFilter: <T extends Record<string, unknown>>(rows: T[], keys?: string[]) => T[];
+    applyGlobalFilter: <T extends Record<string, unknown>>(rows: T[], keys?: string[], searchValue?: string) => T[];
 };

package/dist/composables/useGridSelection.d.ts

@@ -1,11 +1,6 @@
-export declare function useGridSelection<
-  T extends {
+export declare function useGridSelection<T extends {
     id?: string | number;
-  }
->(): {
-  selectedKeys: import('vue').Ref<
-    Set<string | number> & Omit<Set<string | number>, keyof Set<any>>,
-    Set<string | number> | (Set<string | number> & Omit<Set<string | number>, keyof Set<any>>)
-  >;
-  toggleRow: (row: T) => void;
+}>(): {
+    selectedKeys: import('vue').Ref<Set<string | number> & Omit<Set<string | number>, keyof Set<any>>, Set<string | number> | (Set<string | number> & Omit<Set<string | number>, keyof Set<any>>)>;
+    toggleRow: (row: T) => void;
 };

package/dist/composables/useGridSort.d.ts

@@ -1,18 +1,12 @@
 import { GridSort } from '../types/grid';
 export declare function useGridSort(initialSort?: GridSort): {
-  sort: import('vue').Ref<
-    | {
+    sort: import('vue').Ref<{
         key: string;
-        order: 'asc' | 'desc';
-      }
-    | undefined,
-    | GridSort
-    | {
+        order: "asc" | "desc";
+    } | undefined, GridSort | {
         key: string;
-        order: 'asc' | 'desc';
-      }
-    | undefined
-  >;
-  setSort: (key: string) => void;
-  applySort: <T extends Record<string, unknown>>(rows: T[]) => T[];
+        order: "asc" | "desc";
+    } | undefined>;
+    setSort: (key: string) => void;
+    applySort: <T extends Record<string, unknown>>(rows: T[]) => T[];
 };

package/dist/composables/useGridTheme.d.ts

@@ -1,6 +1,5 @@
 import { ThemeTokens } from '../types/theme';
-export declare function provideGridTheme(tokens?: Partial<ThemeTokens>): import('vue').Ref<
-  {
+export declare function provideGridTheme(tokens?: Partial<ThemeTokens>): import('vue').Ref<{
     surface: string;
     surfaceAlt: string;
     border: string;
@@ -9,17 +8,14 @@ export declare function provideGridTheme(tokens?: Partial<ThemeTokens>): import(
     accent: string;
     accentStrong: string;
     focus: string;
-  },
-  | ThemeTokens
-  | {
-      surface: string;
-      surfaceAlt: string;
-      border: string;
-      text: string;
-      textMuted: string;
-      accent: string;
-      accentStrong: string;
-      focus: string;
-    }
->;
+}, ThemeTokens | {
+    surface: string;
+    surfaceAlt: string;
+    border: string;
+    text: string;
+    textMuted: string;
+    accent: string;
+    accentStrong: string;
+    focus: string;
+}>;
 export declare function useGridTheme(): import('vue').ComputedRef<ThemeTokens>;

package/dist/plugins/install.d.ts

@@ -1,5 +1,5 @@
 import { App } from 'vue';
 declare const _default: {
-  install(app: App): void;
+    install(app: App): void;
 };
 export default _default;