@joelbarron/react-web-dev-kit 0.1.0

package/dist/grid/index.js

@@ -0,0 +1,4 @@
+export * from './types';
+export * from './JBGridProviders';
+export * from './JBGridHeader';
+export * from './JBGrid';

package/dist/grid/types.d.ts

@@ -0,0 +1,81 @@
+import { ReactNode } from 'react';
+export type JBGridDefaults = {
+    pageSize: number;
+    allowSorting?: boolean;
+    allowColumnResizing?: boolean;
+    allowSelection?: boolean;
+    allowSelectAll?: boolean;
+    showSelectionColumn?: boolean;
+    allowFiltering?: boolean;
+    advancedFiltering?: boolean;
+    allowGrouping?: boolean;
+    filters?: unknown[];
+    sorting?: unknown[];
+    grouping?: unknown[];
+    expandedGroups?: unknown[];
+    pageSizes?: number[];
+};
+export type JBGridColumn = {
+    name: string;
+    title: string;
+    [key: string]: unknown;
+};
+export type JBGridColumnWidth = {
+    columnName: string;
+    width: number;
+};
+export type JBGridConfig = {
+    columns: JBGridColumn[];
+    columnsWidths: JBGridColumnWidth[];
+    imageColumns?: string[];
+    booleanColumns?: string[];
+    currencyColumns?: string[];
+    totalSummaryItems?: unknown[];
+    groupSummaryItems?: unknown[];
+    tableColumnExtensions?: unknown[];
+    defaults: JBGridDefaults;
+};
+export type JBGridListResponse<TData> = {
+    data?: {
+        results?: TData[];
+        count?: number;
+    };
+};
+export type JBGridService<TData> = {
+    list: (currentPage: number, pageSize: number, searchText?: string) => Promise<JBGridListResponse<TData>>;
+};
+export type JBGridLoadDataArgs<TData> = {
+    lastQuery: string;
+    loading: boolean;
+    setRows: (rows: TData[]) => void;
+    setTotalCount: (totalCount: number) => void;
+    setLastQuery: (query: string) => void;
+    setLoading: (loading: boolean) => void;
+    getQueryString: () => string;
+    currentPage: number;
+    pageSize: number;
+    searchText: string;
+};
+export type JBGridProps<TData extends Record<string, unknown>> = {
+    gridConfig: JBGridConfig;
+    service?: JBGridService<TData>;
+    rows?: TData[];
+    searchText: string;
+    onSearchTextChange: (text: string) => void;
+    onRowSelected?: (row: TData) => void;
+    loadData?: (args: JBGridLoadDataArgs<TData>) => void | Promise<void>;
+    loadingComponent?: ReactNode;
+    getRowId?: (row: TData) => string | number;
+};
+export type JBGridHeaderProps = {
+    title: string;
+    icon?: ReactNode;
+    searchText: string;
+    onSearchTextChange: (value: string) => void;
+    searchPlaceholder?: string;
+    allowCreate?: boolean;
+    createButtonLabel?: string;
+    onCreateClick?: () => void;
+    rightContent?: ReactNode;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/grid/types.d.ts.map

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

package/dist/grid/types.js

@@ -0,0 +1 @@
+export {};

package/dist/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export * from './useJBDebouncedValue';
+export * from './useJBRedirect';
+//# sourceMappingURL=index.d.ts.map

package/dist/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC"}

package/dist/hooks/index.js

@@ -0,0 +1,2 @@
+export * from './useJBDebouncedValue';
+export * from './useJBRedirect';

package/dist/hooks/useJBDebouncedValue.d.ts

@@ -0,0 +1,2 @@
+export declare const useJBDebouncedValue: <T>(value: T, delayMs?: number) => T;
+//# sourceMappingURL=useJBDebouncedValue.d.ts.map

package/dist/hooks/useJBDebouncedValue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useJBDebouncedValue.d.ts","sourceRoot":"","sources":["../../src/hooks/useJBDebouncedValue.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,mBAAmB,GAAI,CAAC,EAAE,OAAO,CAAC,EAAE,gBAAa,KAAG,CAYhE,CAAC"}

package/dist/hooks/useJBDebouncedValue.js

@@ -0,0 +1,11 @@
+import { useEffect, useState } from 'react';
+export const useJBDebouncedValue = (value, delayMs = 300) => {
+    const [debouncedValue, setDebouncedValue] = useState(value);
+    useEffect(() => {
+        const timeoutId = window.setTimeout(() => {
+            setDebouncedValue(value);
+        }, delayMs);
+        return () => window.clearTimeout(timeoutId);
+    }, [delayMs, value]);
+    return debouncedValue;
+};

package/dist/hooks/useJBRedirect.d.ts

@@ -0,0 +1,10 @@
+import { DependencyList } from 'react';
+export type UseJBRedirectOptions = {
+    enabled?: boolean;
+    shouldRedirect: () => boolean;
+    getTargetPath: () => string;
+    navigate: (path: string) => void;
+    deps?: DependencyList;
+};
+export declare const useJBRedirect: (options: UseJBRedirectOptions) => void;
+//# sourceMappingURL=useJBRedirect.d.ts.map

package/dist/hooks/useJBRedirect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useJBRedirect.d.ts","sourceRoot":"","sources":["../../src/hooks/useJBRedirect.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAa,MAAM,OAAO,CAAC;AAElD,MAAM,MAAM,oBAAoB,GAAG;IACjC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,EAAE,MAAM,OAAO,CAAC;IAC9B,aAAa,EAAE,MAAM,MAAM,CAAC;IAC5B,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,IAAI,CAAC,EAAE,cAAc,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,SAAS,oBAAoB,KAAG,IAc7D,CAAC"}

package/dist/hooks/useJBRedirect.js

@@ -0,0 +1,11 @@
+import { useEffect } from 'react';
+export const useJBRedirect = (options) => {
+    const { enabled = true, shouldRedirect, getTargetPath, navigate, deps = [] } = options;
+    useEffect(() => {
+        if (!enabled)
+            return;
+        if (!shouldRedirect())
+            return;
+        navigate(getTargetPath());
+    }, [enabled, getTargetPath, navigate, shouldRedirect, ...deps]);
+};

package/dist/index.d.ts

@@ -0,0 +1,8 @@
+export * from './auth';
+export * from './config';
+export * from './forms';
+export * from './grid';
+export * from './hooks';
+export * from './query';
+export * from './utils';
+//# 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,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}

package/dist/index.js

@@ -0,0 +1,7 @@
+export * from './auth';
+export * from './config';
+export * from './forms';
+export * from './grid';
+export * from './hooks';
+export * from './query';
+export * from './utils';

package/dist/query/createQueryClient.d.ts

@@ -0,0 +1,8 @@
+import { DefaultOptions, QueryClient, QueryClientConfig } from '@tanstack/react-query';
+export type CreateReactWebQueryClientOptions = {
+    onUnauthorized?: (error: unknown) => void;
+    defaultOptions?: DefaultOptions;
+    config?: Omit<QueryClientConfig, 'defaultOptions' | 'queryCache' | 'mutationCache'>;
+};
+export declare const createReactWebQueryClient: (options?: CreateReactWebQueryClientOptions) => QueryClient;
+//# sourceMappingURL=createQueryClient.d.ts.map

package/dist/query/createQueryClient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createQueryClient.d.ts","sourceRoot":"","sources":["../../src/query/createQueryClient.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EAGd,WAAW,EACX,iBAAiB,EAClB,MAAM,uBAAuB,CAAC;AAI/B,MAAM,MAAM,gCAAgC,GAAG;IAC7C,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,MAAM,CAAC,EAAE,IAAI,CAAC,iBAAiB,EAAE,gBAAgB,GAAG,YAAY,GAAG,eAAe,CAAC,CAAC;CACrF,CAAC;AAEF,eAAO,MAAM,yBAAyB,GACpC,UAAU,gCAAgC,KACzC,WAuBF,CAAC"}

package/dist/query/createQueryClient.js

@@ -0,0 +1,25 @@
+import { MutationCache, QueryCache, QueryClient } from '@tanstack/react-query';
+import { isUnauthorizedError } from './http';
+export const createReactWebQueryClient = (options) => {
+    const onError = (error) => {
+        if (options?.onUnauthorized && isUnauthorizedError(error)) {
+            options.onUnauthorized(error);
+        }
+    };
+    return new QueryClient({
+        ...(options?.config ?? {}),
+        defaultOptions: {
+            queries: {
+                retry: 1,
+                refetchOnWindowFocus: false,
+                ...(options?.defaultOptions?.queries ?? {})
+            },
+            mutations: {
+                retry: 0,
+                ...(options?.defaultOptions?.mutations ?? {})
+            }
+        },
+        queryCache: new QueryCache({ onError }),
+        mutationCache: new MutationCache({ onError })
+    });
+};

package/dist/query/http.d.ts

@@ -0,0 +1,3 @@
+export declare const extractHttpStatusCode: (error: unknown) => number | null;
+export declare const isUnauthorizedError: (error: unknown) => boolean;
+//# sourceMappingURL=http.d.ts.map

package/dist/query/http.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"http.d.ts","sourceRoot":"","sources":["../../src/query/http.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB,GAAI,OAAO,OAAO,KAAG,MAAM,GAAG,IAY/D,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,OAAO,OAAO,KAAG,OACf,CAAC"}

package/dist/query/http.js

@@ -0,0 +1,12 @@
+export const extractHttpStatusCode = (error) => {
+    if (!error || typeof error !== 'object') {
+        return null;
+    }
+    const maybeResponse = error.response;
+    if (!maybeResponse || typeof maybeResponse !== 'object') {
+        return null;
+    }
+    const maybeStatus = maybeResponse.status;
+    return typeof maybeStatus === 'number' ? maybeStatus : null;
+};
+export const isUnauthorizedError = (error) => extractHttpStatusCode(error) === 401;

package/dist/query/index.d.ts

@@ -0,0 +1,3 @@
+export * from './http';
+export * from './createQueryClient';
+//# sourceMappingURL=index.d.ts.map

package/dist/query/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/query/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,qBAAqB,CAAC"}

package/dist/query/index.js

@@ -0,0 +1,2 @@
+export * from './http';
+export * from './createQueryClient';

package/dist/utils/format.d.ts

@@ -0,0 +1,4 @@
+export declare const formatCurrency: (value: number, currency?: string, locale?: string) => string;
+export declare const formatDate: (date: string | number | Date | null | undefined, locale?: string) => string;
+export declare const formatDateTime: (date: string | number | Date | null | undefined, locale?: string) => string;
+//# sourceMappingURL=format.d.ts.map

package/dist/utils/format.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"format.d.ts","sourceRoot":"","sources":["../../src/utils/format.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,GAAI,OAAO,MAAM,EAAE,iBAAgB,EAAE,eAAgB,KAAG,MAKlF,CAAC;AAEF,eAAO,MAAM,UAAU,GACrB,MAAM,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS,EAC/C,eAAgB,KACf,MAKF,CAAC;AAEF,eAAO,MAAM,cAAc,GACzB,MAAM,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS,EAC/C,eAAgB,KACf,MAWF,CAAC"}

package/dist/utils/format.js

@@ -0,0 +1,28 @@
+export const formatCurrency = (value, currency = 'USD', locale = 'en-US') => {
+    return new Intl.NumberFormat(locale, {
+        style: 'currency',
+        currency
+    }).format(value || 0);
+};
+export const formatDate = (date, locale = 'en-US') => {
+    if (!date)
+        return '';
+    const parsed = new Date(date);
+    if (Number.isNaN(parsed.getTime()))
+        return '';
+    return new Intl.DateTimeFormat(locale).format(parsed);
+};
+export const formatDateTime = (date, locale = 'en-US') => {
+    if (!date)
+        return '';
+    const parsed = new Date(date);
+    if (Number.isNaN(parsed.getTime()))
+        return '';
+    return new Intl.DateTimeFormat(locale, {
+        year: 'numeric',
+        month: '2-digit',
+        day: '2-digit',
+        hour: '2-digit',
+        minute: '2-digit'
+    }).format(parsed);
+};

package/dist/utils/index.d.ts

@@ -0,0 +1,4 @@
+export * from './query';
+export * from './format';
+export * from './regex';
+//# sourceMappingURL=index.d.ts.map

package/dist/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC"}

package/dist/utils/index.js

@@ -0,0 +1,3 @@
+export * from './query';
+export * from './format';
+export * from './regex';

package/dist/utils/query.d.ts

@@ -0,0 +1,2 @@
+export declare const objectToQueryString: (obj: Record<string, unknown>) => string;
+//# sourceMappingURL=query.d.ts.map

package/dist/utils/query.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"query.d.ts","sourceRoot":"","sources":["../../src/utils/query.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB,GAAI,KAAK,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAG,MAIrD,CAAC"}

package/dist/utils/query.js

@@ -0,0 +1,4 @@
+export const objectToQueryString = (obj) => Object.keys(obj)
+    .filter((key) => obj[key] !== undefined && obj[key] !== null)
+    .map((key) => `${encodeURIComponent(key)}=${encodeURIComponent(String(obj[key]))}`)
+    .join('&');

package/dist/utils/regex.d.ts

@@ -0,0 +1,7 @@
+export declare const JB_PHONE_REGEX: RegExp;
+export declare const JB_ZIP_CODE_REGEX: RegExp;
+export declare const JB_NUMBER_REGEX: RegExp;
+export declare const JB_DECIMAL_NUMBER_REGEX: RegExp;
+export declare const JB_EMAIL_REGEX: RegExp;
+export declare const JB_PASSWORD_REGEX: RegExp;
+//# sourceMappingURL=regex.d.ts.map

package/dist/utils/regex.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"regex.d.ts","sourceRoot":"","sources":["../../src/utils/regex.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,QACgF,CAAC;AAE5G,eAAO,MAAM,iBAAiB,QAAY,CAAC;AAC3C,eAAO,MAAM,eAAe,QAAa,CAAC;AAC1C,eAAO,MAAM,uBAAuB,QAAoB,CAAC;AACzD,eAAO,MAAM,cAAc,QAAqD,CAAC;AACjF,eAAO,MAAM,iBAAiB,QACiD,CAAC"}

package/dist/utils/regex.js

@@ -0,0 +1,6 @@
+export const JB_PHONE_REGEX = /^((\\+[1-9]{1,4}[ \\-]*)|(\\([0-9]{2,3}\\)[ \\-]*)|([0-9]{2,4})[ \\-]*)*?[0-9]{3,4}?[ \\-]*[0-9]{3,4}?$/;
+export const JB_ZIP_CODE_REGEX = /^\d{5}$/;
+export const JB_NUMBER_REGEX = /^[0-9]*$/;
+export const JB_DECIMAL_NUMBER_REGEX = /^-?\d+(\.\d+)?$/;
+export const JB_EMAIL_REGEX = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
+export const JB_PASSWORD_REGEX = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[!@#$%^&*()_+[\]{};':"\\|,.<>/?]).{8,}$/;

package/package.json

@@ -0,0 +1,85 @@
+{
+  "name": "@joelbarron/react-web-dev-kit",
+  "version": "0.1.0",
+  "private": false,
+  "sideEffects": false,
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./auth": {
+      "types": "./dist/auth/index.d.ts",
+      "import": "./dist/auth/index.js",
+      "default": "./dist/auth/index.js"
+    },
+    "./config": {
+      "types": "./dist/config/index.d.ts",
+      "import": "./dist/config/index.js",
+      "default": "./dist/config/index.js"
+    },
+    "./forms": {
+      "types": "./dist/forms/index.d.ts",
+      "import": "./dist/forms/index.js",
+      "default": "./dist/forms/index.js"
+    },
+    "./grid": {
+      "types": "./dist/grid/index.d.ts",
+      "import": "./dist/grid/index.js",
+      "default": "./dist/grid/index.js"
+    },
+    "./hooks": {
+      "types": "./dist/hooks/index.d.ts",
+      "import": "./dist/hooks/index.js",
+      "default": "./dist/hooks/index.js"
+    },
+    "./query": {
+      "types": "./dist/query/index.d.ts",
+      "import": "./dist/query/index.js",
+      "default": "./dist/query/index.js"
+    },
+    "./utils": {
+      "types": "./dist/utils/index.d.ts",
+      "import": "./dist/utils/index.js",
+      "default": "./dist/utils/index.js"
+    }
+  },
+  "files": ["dist", "README.md"],
+  "scripts": {
+    "build": "tsc -p tsconfig.json",
+    "clean": "rm -rf dist",
+    "typecheck": "tsc -p tsconfig.json --noEmit",
+    "check:release": "npm run typecheck && npm run clean && npm run build",
+    "changeset": "changeset",
+    "release:version": "changeset version",
+    "release:publish": "changeset publish"
+  },
+  "peerDependencies": {
+    "react": ">=19",
+    "react-dom": ">=19",
+    "@tanstack/react-query": ">=5",
+    "axios": ">=1.4",
+    "lodash": ">=4.17",
+    "react-router": ">=7",
+    "react-hook-form": ">=7",
+    "@hookform/resolvers": ">=5",
+    "zod": ">=4",
+    "@mui/material": ">=5",
+    "@mui/x-date-pickers": ">=6",
+    "@devexpress/dx-react-grid": ">=4",
+    "@devexpress/dx-react-grid-material-ui": ">=4"
+  },
+  "devDependencies": {
+    "@changesets/cli": "^2.29.7",
+    "@hookform/resolvers": "^5.2.2",
+    "@types/lodash": "^4.17.20",
+    "lodash": "^4.17.21",
+    "react-router": "^7.9.5",
+    "typescript": "^5.9.3",
+    "zod": "^4.1.5"
+  }
+}