@shifl-inc/ui 0.1.0 → 0.2.0

package/dist/types/grid.d.ts

@@ -1,69 +1,99 @@
 export type GridViewType = 'regular' | 'compact' | 'comfortable';
+export interface GridAction {
+    key: string;
+    label: string;
+    icon?: string | (() => unknown);
+    danger?: boolean;
+    show?: (row: Record<string, unknown>) => boolean;
+}
+export interface GridActionColumn {
+    type: 'action';
+    icon?: string | ((row: Record<string, unknown>) => unknown);
+    actions: GridAction[] | ((row: Record<string, unknown>) => GridAction[]);
+    width?: string;
+    frozen?: boolean;
+    order?: number;
+    label?: string;
+}
+export interface SmartTrackingColumn {
+    type: 'smart-tracking';
+    dataKey: string;
+    icon?: string | (() => unknown);
+    width?: string;
+}
 export interface GridColumn {
-  key: string;
-  label: string;
-  order?: number;
-  sortable?: boolean;
-  width?: string;
-  height?: string;
-  isDefault?: boolean;
-  frozen?: boolean;
-  /** legacy alias */
-  fixed?: boolean;
-  visible?: boolean;
-  cellMetadata?: {
-    format?: string;
-    emptyState?: string;
-  };
+    key: string;
+    label: string;
+    order?: number;
+    sortable?: boolean;
+    width?: string;
+    height?: string;
+    isDefault?: boolean;
+    frozen?: boolean;
+    /** legacy alias */
+    fixed?: boolean;
+    visible?: boolean;
+    /** Protected columns are hidden from column editor and cannot be modified */
+    protected?: boolean;
+    cellMetadata?: {
+        format?: string;
+        emptyState?: string;
+    };
+    /** Action column configuration */
+    actionColumn?: GridActionColumn;
+    /** Smart Tracking column configuration */
+    smartTrackingColumn?: SmartTrackingColumn;
 }
 export interface GridFilter {
-  key: string;
-  label: string;
-  placeholder?: string;
-  inputType?: string;
-  dataType?: string;
-  operator?: string;
-  value?: unknown;
+    key: string;
+    label: string;
+    placeholder?: string;
+    inputType?: string;
+    dataType?: string;
+    operator?: string;
+    value?: unknown;
 }
 export interface GridSort {
-  key: string;
-  order: 'asc' | 'desc';
+    key: string;
+    order: 'asc' | 'desc';
 }
 export interface PaginationMeta {
-  show?: boolean;
-  currentPage?: number;
-  lastPage?: number;
-  firstPageUrl?: string;
-  lastPageUrl?: string;
-  nextPageUrl?: string | null;
-  prevPageUrl?: string | null;
-  from?: number;
-  to?: number;
-  perPage?: number;
-  total?: number;
+    show?: boolean;
+    currentPage?: number;
+    lastPage?: number;
+    firstPageUrl?: string;
+    lastPageUrl?: string;
+    nextPageUrl?: string | null;
+    prevPageUrl?: string | null;
+    from?: number;
+    to?: number;
+    perPage?: number;
+    total?: number;
 }
+export type SearchMode = 'client' | 'server';
 export interface GridConfig<T = Record<string, unknown>> {
-  id?: string;
-  name?: string;
-  customerId?: number;
-  model?: string;
-  resourceId?: string | number | null;
-  creatorId?: number;
-  pageLocation?: string;
-  view?: GridViewType;
-  apiUrl?: string;
-  columns: GridColumn[];
-  search?: string[];
-  filters?: GridFilter[];
-  sort?: GridSort;
-  paginationMeta?: PaginationMeta;
-  rows?: T[];
+    id?: string;
+    name?: string;
+    customerId?: number;
+    model?: string;
+    resourceId?: string | number | null;
+    creatorId?: number;
+    pageLocation?: string;
+    view?: GridViewType;
+    apiUrl?: string;
+    columns: GridColumn[];
+    search?: string[];
+    searchMode?: SearchMode;
+    filters?: GridFilter[];
+    sort?: GridSort;
+    paginationMeta?: PaginationMeta;
+    rows?: T[];
 }
 export interface NormalizedGridColumn extends GridColumn {
-  frozen: boolean;
-  visible: boolean;
+    frozen: boolean;
+    visible: boolean;
 }
 export interface NormalizedGridConfig<T = Record<string, unknown>> extends GridConfig<T> {
-  columns: NormalizedGridColumn[];
-  rows: T[];
+    columns: NormalizedGridColumn[];
+    rows: T[];
 }

package/dist/types/theme.d.ts

@@ -1,10 +1,10 @@
 export interface ThemeTokens {
-  surface: string;
-  surfaceAlt: string;
-  border: string;
-  text: string;
-  textMuted: string;
-  accent: string;
-  accentStrong: string;
-  focus: string;
+    surface: string;
+    surfaceAlt: string;
+    border: string;
+    text: string;
+    textMuted: string;
+    accent: string;
+    accentStrong: string;
+    focus: string;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shifl-inc/ui",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "Reusable Vue 3 UI components for Shifl.",
   "type": "module",
   "main": "./dist/shifl-ui.umd.cjs",