fluent-styles 1.61.0 → 1.62.1

package/lib/typescript/table/usepaginatedquery.d.ts

@@ -0,0 +1,114 @@
+/**
+ * usePaginatedQuery
+ *
+ * A generic hook that manages page state, loading, error, and data fetching
+ * for use with StyledTable's externalPagination mode.
+ *
+ * Works with:
+ *   - REST / GraphQL APIs  (pass a `fetcher` function)
+ *   - Realm (pass a `realmQuery` function)
+ *   - SQLite / WatermelonDB (pass a `fetcher` function)
+ *   - Any async datasource
+ *
+ * Usage with REST API:
+ *   const table = usePaginatedQuery({
+ *     pageSize: 10,
+ *     fetcher: async ({ page, pageSize, sortKey, sortDir }) => {
+ *       const res = await api.get('/orders', { params: { page, pageSize, sortKey, sortDir } })
+ *       return { data: res.data.items, totalCount: res.data.total }
+ *     },
+ *   })
+ *
+ * Usage with Realm:
+ *   const table = usePaginatedQuery({
+ *     pageSize: 10,
+ *     realmQuery: ({ page, pageSize, sortKey, sortDir }) => {
+ *       const results = realm.objects('Order')
+ *         .sorted(sortKey ?? 'createdAt', sortDir === 'desc')
+ *       const total = results.length
+ *       const data  = results.slice(page * pageSize, (page + 1) * pageSize)
+ *       return { data: Array.from(data), totalCount: total }
+ *     },
+ *   })
+ *
+ * Then wire into StyledTable:
+ *   <StyledTable
+ *     {...table.tableProps}
+ *     columns={COLUMNS}
+ *   />
+ */
+import type { SortDirection } from "./";
+export interface PaginatedQueryParams {
+    page: number;
+    pageSize: number;
+    sortKey: string | null;
+    sortDir: SortDirection;
+    search?: string;
+    filters?: Record<string, any>;
+}
+export interface PaginatedQueryResult<T> {
+    data: T[];
+    totalCount: number;
+}
+export interface UsePaginatedQueryOptions<T> {
+    pageSize?: number;
+    /**
+     * Async fetcher for REST / GraphQL / SQLite.
+     * Return `{ data, totalCount }`.
+     */
+    fetcher?: (params: PaginatedQueryParams) => Promise<PaginatedQueryResult<T>>;
+    /**
+     * Synchronous Realm query function.
+     * Called whenever page / sort changes.
+     * Return `{ data, totalCount }`.
+     */
+    realmQuery?: (params: PaginatedQueryParams) => PaginatedQueryResult<T>;
+    /** Initial sort column key */
+    initialSortKey?: string;
+    /** Initial sort direction */
+    initialSortDir?: SortDirection;
+    /** Initial search string */
+    initialSearch?: string;
+    /** Initial filter values */
+    initialFilters?: Record<string, any>;
+    /** Debounce ms for search input changes — default 300 */
+    searchDebounce?: number;
+}
+export interface UsePaginatedQueryReturn<T> {
+    data: T[];
+    loading: boolean;
+    error: Error | null;
+    totalCount: number;
+    totalPages: number;
+    page: number;
+    pageSize: number;
+    setPage: (page: number) => void;
+    sortKey: string | null;
+    sortDir: SortDirection;
+    setSort: (key: string, dir: SortDirection) => void;
+    search: string;
+    setSearch: (s: string) => void;
+    filters: Record<string, any>;
+    setFilters: (f: Record<string, any>) => void;
+    /** Manually re-fetch the current page (e.g. after a mutation) */
+    refresh: () => void;
+    /**
+     * Spread these directly onto StyledTable:
+     *   <StyledTable {...table.tableProps} columns={COLUMNS} />
+     */
+    tableProps: {
+        data: T[];
+        loading: boolean;
+        externalPagination: true;
+        currentPage: number;
+        totalPages: number;
+        totalCount: number;
+        pageSize: number;
+        onPageChange: (page: number) => void;
+        sortKey?: string | null;
+        sortDirection: SortDirection;
+        onSort: (key: string, dir: SortDirection) => void;
+    };
+}
+export declare function usePaginatedQuery<T>(options: UsePaginatedQueryOptions<T>): UsePaginatedQueryReturn<T>;
+//# sourceMappingURL=usepaginatedquery.d.ts.map

package/lib/typescript/table/usepaginatedquery.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usepaginatedquery.d.ts","sourceRoot":"","sources":["../../../src/table/usepaginatedquery.tsx"],"names":[],"mappings":"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"}

package/lib/typescript/utiles/createIcon.d.ts

@@ -32,7 +32,7 @@ type IconProps = {
 };
 type IconRenderer = (props: IconProps, svgProps: any) => React.ReactElement;
 export declare function createIcon(renderer: IconRenderer): {
-    ({ size, color, strokeWidth, ...props }: IconProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    ({ size, color, strokeWidth, ...props }: IconProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
     displayName: string;
 };
 export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "fluent-styles",
   "description": "Develop different styled versions of UI components.",
- "version": "1.61.0",
+  "version": "1.62.1",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
   "react-native": "src/index.ts",
@@ -24,10 +24,10 @@
   "homepage": "https://github.com/suftnetrepo/fluent-styles-next#readme",
   "repository": {
     "type": "git",
-       "url": "https://github.com/suftnetrepo/fluent-styles-next.git"
+    "url": "https://github.com/suftnetrepo/fluent-styles-next.git"
   },
   "bugs": {
-  "url": "https://github.com/suftnetrepo/fluent-styles-next/issues"
+    "url": "https://github.com/suftnetrepo/fluent-styles-next/issues"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
@@ -52,24 +52,15 @@
     "release:minor": "release-it minor",
     "release:patch": "release-it patch"
   },
-  "dependencies": {
-    "color": "^3.2.1",
-    "fast-deep-equal": "^3.1.3",
-    "lodash": "^4.17.21",
-    "react-is": "^18.3.1",
-    "react-native-popover-view": "^6.1.0",
-    "rn-placeholder": "^3.0.3"
-  },
-  "peerDependencies": {
-    "react": "*",
-    "react-native": "*",
-    "rc-field-form": "*",
-    "react-native-safe-area-context": "*",
-    "react-native-svg": "*",
-    "react-native-vector-icons": ">=10.0.0"
-  },
-  "peerDependenciesMeta": {
-  "react-native-vector-icons": { "optional": true }
+"dependencies": {
+  "react-native-popover-view": "^6.1.0"
+},
+"peerDependencies": {
+  "react": ">=18",
+  "react-native": ">=0.74",
+  "react-native-safe-area-context": ">=4",
+  "react-native-svg": ">=13",
+  "react-native-vector-icons": ">=10"
 },
   "devDependencies": {
     "@commitlint/cli": "^19.8.0",
@@ -78,40 +69,39 @@
     "@release-it/conventional-changelog": "^10.0.1",
     "@testing-library/jest-native": "^5.4.3",
     "@testing-library/react-native": "13.2.0",
-    "@types/color": "^4.2.0",
     "@types/jest": "^29.5.14",
-    "@types/lodash": "^4.17.16",
-    "@types/react": "^18.3.12",
     "@types/react-is": "^19.0.0",
     "@types/react-test-renderer": "^19.1.0",
+    "@types/react-native-vector-icons": "^6.4.18",
     "babel-jest": "^29.7.0",
-    "core-js": "^3.42.0",
     "cross-env": "^7.0.3",
-    "dumi": "~2.4.20",
-    "dumi-theme-mobile": "^2.3.5",
+    "eslint": "^8.57.1",
     "husky": "^9.1.7",
     "jest": "^29.7.0",
     "lint-staged": "^15.5.1",
-    "rc-field-form": "^2.7.0",
-    "react": "18.3.1",
-    "react-native": "0.79.2",
+    "prettier": "~3.2.0",
+    "react": "19.1.0",
+    "react-dom": "19.1.0",
+    "react-native": "0.81.4",
+    "react-test-renderer": "19.1.0",
+    "@types/react": "^19.1.0",
+    "@types/react-dom": "^19.1.0",
     "react-native-builder-bob": "0.30.2",
     "react-native-safe-area-context": "5.4.0",
     "react-native-svg": "15.4.0",
+    "react-native-vector-icons": "^10.2.0",
     "react-native-web": "^0.20.0",
-    "react-test-renderer": "18.2.0",
     "release-it": "^19.0.2",
     "ts-jest": "^29.3.2",
-    "typescript": "~5.3.3",
-    "eslint": "^8.57.1",
-    "prettier": "~3.2.0",
-    "react-native-vector-icons": "^10.2.0",
-"@types/react-native-vector-icons": "^6.4.18"
-  },
-  "resolutions": {
-    "@types/react": "^18",
-    "prettier": "~3.2.0"
+    "typescript": "~5.3.3"
   },
+"overrides": {
+  "react": "19.1.0",
+  "react-dom": "19.1.0",
+  "@types/react": "^19.1.0",
+  "prettier": "~3.2.0"
+},
+  "prettier": "@fruits-chain/prettier-config-preset",
   "lint-staged": {
     "*.{yml,yaml,md}": [
       "prettier --write"
@@ -121,7 +111,7 @@
       "prettier --write"
     ],
     "*.{js,jsx,ts,tsx}": [
-      "bash -c 'tsc --noEmit'",
+      "bash -c tsc --noEmit",
       "eslint --fix",
       "prettier --write"
     ]

package/src/index.ts

@@ -74,4 +74,6 @@ export * from './spinner'
 export * from './input'
 export * from './form'
 export * from './shape/cycle'
+export * from './table'
+export * from './table/usepaginatedquery'
 

package/src/tabBar/TabBar.tsx

@@ -500,4 +500,4 @@ const S = StyleSheet.create({
 
 export const TabBar = memo(TabBarInner) as <T extends TabValue>(
   p: TabBarProps<T>,
-) => JSX.Element
+) => React.JSX.Element