@rfdtech/components 1.0.2 → 1.1.0

package/dist/types/data-table.d.ts

@@ -0,0 +1,41 @@
+import type { CSSProperties, ReactNode } from "react";
+export interface DataTableColumn<T = Record<string, unknown>> {
+    key: string;
+    label: string;
+    sortable?: boolean;
+    render?: (row: T, value: unknown) => ReactNode;
+    width?: string | number;
+}
+export interface DataTableSort {
+    key: string;
+    direction: "asc" | "desc";
+}
+export interface DataTableProps<T = Record<string, unknown>> {
+    columns: DataTableColumn<T>[];
+    data: T[];
+    loading?: boolean;
+    getRowId?: (row: T, index: number) => string | number;
+    pageSize?: number;
+    pageSizeOptions?: number[];
+    emptyText?: string;
+    loadingLabel?: string;
+    onRowClick?: (row: T) => void;
+    className?: string;
+    style?: CSSProperties;
+}
+export interface UseDataTableOptions<T> {
+    columns: DataTableColumn<T>[];
+    data: T[];
+    initialPageSize?: number;
+}
+export interface UseDataTableReturn<T> {
+    rows: T[];
+    total: number;
+    page: number;
+    pageSize: number;
+    sort: DataTableSort | null;
+    setPage: (page: number) => void;
+    setPageSize: (pageSize: number) => void;
+    toggleSort: (columnKey: string) => void;
+}
+//# sourceMappingURL=data-table.d.ts.map

package/dist/types/data-table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table.d.ts","sourceRoot":"","sources":["../../src/types/data-table.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,MAAM,WAAW,eAAe,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC1D,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,OAAO,KAAK,SAAS,CAAC;IAC/C,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,aAAa;IAC5B,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,EAAE,KAAK,GAAG,MAAM,CAAC;CAC3B;AAED,MAAM,WAAW,cAAc,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACzD,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;IAC9B,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAAC;IACtD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED,MAAM,WAAW,mBAAmB,CAAC,CAAC;IACpC,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;IAC9B,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,kBAAkB,CAAC,CAAC;IACnC,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,aAAa,GAAG,IAAI,CAAC;IAC3B,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,WAAW,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,UAAU,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC"}

package/dist/types/dropdown.d.ts

@@ -0,0 +1,91 @@
+import type { CSSProperties, ReactNode, RefObject } from "react";
+export interface DropdownOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+export interface ComboboxProps {
+    ariaLabel: string;
+    value: string | null;
+    onChange: (value: string | null) => void;
+    loadOptions: (query: string) => Promise<DropdownOption[]>;
+    placeholder?: string;
+    debounceMs?: number;
+    minSearchLength?: number;
+    getOptionLabel?: (value: string) => string | undefined;
+    noResultsText?: string;
+    loadingText?: string;
+    clearable?: boolean;
+    disabled?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    className?: string;
+    style?: CSSProperties;
+}
+export interface DropdownProps {
+    ariaLabel: string;
+    value: string | null;
+    onChange: (value: string | null) => void;
+    options: DropdownOption[];
+    placeholder?: string;
+    clearable?: boolean;
+    disabled?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    className?: string;
+    style?: CSSProperties;
+}
+export interface DropdownMenuItem {
+    id: string;
+    label: ReactNode;
+    onSelect?: () => void;
+    href?: string;
+    disabled?: boolean;
+    destructive?: boolean;
+}
+export type DropdownMenuPlacement = "bottom-start" | "bottom-end" | "bottom";
+export interface DropdownMenuProps {
+    trigger: ReactNode | ((state: {
+        open: boolean;
+    }) => ReactNode);
+    items: DropdownMenuItem[];
+    ariaLabel: string;
+    placement?: DropdownMenuPlacement;
+    closeOnSelect?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    className?: string;
+    style?: CSSProperties;
+}
+export interface UseDropdownOptions {
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}
+export interface UseDropdownReturn<T extends HTMLElement = HTMLElement, U extends HTMLElement = HTMLElement> {
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    toggle: () => void;
+    close: () => void;
+    triggerRef: RefObject<U | null>;
+    panelRef: RefObject<T | null>;
+}
+export interface UseComboboxSearchOptions {
+    loadOptions: (query: string) => Promise<DropdownOption[]>;
+    debounceMs?: number;
+    minSearchLength?: number;
+    enabled?: boolean;
+}
+export interface UseComboboxSearchReturn {
+    query: string;
+    setQuery: (query: string) => void;
+    options: DropdownOption[];
+    loading: boolean;
+    error: string | null;
+    reset: () => void;
+}
+export interface DropdownPosition {
+    top: number;
+    left: number;
+    width: number;
+}
+//# sourceMappingURL=dropdown.d.ts.map

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

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

package/dist/types/input-mask.d.ts

@@ -0,0 +1,17 @@
+import type { CSSProperties, HTMLAttributes } from "react";
+export interface InputMaskProps {
+    mask: string;
+    value?: string;
+    defaultValue?: string;
+    onChange?: (masked: string) => void;
+    onValueChange?: (unmasked: string) => void;
+    ariaLabel: string;
+    placeholder?: string;
+    disabled?: boolean;
+    id?: string;
+    name?: string;
+    className?: string;
+    style?: CSSProperties;
+    inputMode?: HTMLAttributes<HTMLInputElement>["inputMode"];
+}
+//# sourceMappingURL=input-mask.d.ts.map

package/dist/types/input-mask.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-mask.d.ts","sourceRoot":"","sources":["../../src/types/input-mask.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE3D,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,cAAc,CAAC,gBAAgB,CAAC,CAAC,WAAW,CAAC,CAAC;CAC3D"}

package/dist/types/pagination.d.ts

@@ -0,0 +1,14 @@
+import type { CSSProperties } from "react";
+export interface PaginationProps {
+    page: number;
+    pageSize: number;
+    total: number;
+    pageSizeOptions?: number[];
+    loading?: boolean;
+    emptySummaryText?: string;
+    onPageChange: (page: number) => void;
+    onPageSizeChange: (pageSize: number) => void;
+    className?: string;
+    style?: CSSProperties;
+}
+//# sourceMappingURL=pagination.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../src/types/pagination.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,gBAAgB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB"}

package/package.json

@@ -1,12 +1,15 @@
 {
   "name": "@rfdtech/components",
-  "version": "1.0.2",
+  "version": "1.1.0",
   "description": "Shared React component library for Ghana School of Law (GSL) projects",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
-  "sideEffects": ["**/*.css", "./dist/index.css"],
+  "sideEffects": [
+    "**/*.css",
+    "./dist/index.css"
+  ],
   "exports": {
     ".": {
       "import": {
@@ -46,6 +49,8 @@
     "react-dom": ">=18.0.0"
   },
   "devDependencies": {
+    "@mdx-js/react": "^3.1.1",
+    "@mdx-js/rollup": "^3.1.1",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
     "@testing-library/user-event": "^14.6.1",
@@ -55,6 +60,10 @@
     "jsdom": "^29.1.1",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
+    "react-router-dom": "^7.17.0",
+    "rehype-pretty-code": "^0.14.3",
+    "remark-gfm": "^4.0.1",
+    "shiki": "^4.2.0",
     "typescript": "^5.8.3",
     "vite": "^6.3.5",
     "vite-plugin-dts": "^4.5.4",
@@ -72,6 +81,9 @@
     "product-switcher"
   ],
   "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
   "dependencies": {
     "xlsx": "^0.18.5"
   }

package/dist/components/bulk-import-modal/components/FieldMappingSelect.d.ts

@@ -1,15 +0,0 @@
-export interface FieldMappingSelectOption {
-    value: string;
-    label: string;
-}
-export interface FieldMappingSelectProps {
-    ariaLabel: string;
-    placeholder?: string;
-    value: string | null;
-    options: FieldMappingSelectOption[];
-    open: boolean;
-    onOpenChange: (open: boolean) => void;
-    onChange: (value: string | null) => void;
-}
-export declare function FieldMappingSelect({ ariaLabel, placeholder, value, options, open, onOpenChange, onChange, }: FieldMappingSelectProps): import("react").JSX.Element;
-//# sourceMappingURL=FieldMappingSelect.d.ts.map

package/dist/components/bulk-import-modal/components/FieldMappingSelect.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FieldMappingSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/bulk-import-modal/components/FieldMappingSelect.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,uBAAuB;IACtC,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,OAAO,EAAE,wBAAwB,EAAE,CAAC;IACpC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAC1C;AAWD,wBAAgB,kBAAkB,CAAC,EACjC,SAAS,EACT,WAAgC,EAChC,KAAK,EACL,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,QAAQ,GACT,EAAE,uBAAuB,+BAqKzB"}

package/dist/components/bulk-import-modal/components/FieldMappingSelect.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=FieldMappingSelect.test.d.ts.map

package/dist/components/bulk-import-modal/components/FieldMappingSelect.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FieldMappingSelect.test.d.ts","sourceRoot":"","sources":["../../../../src/components/bulk-import-modal/components/FieldMappingSelect.test.tsx"],"names":[],"mappings":""}