@apicurio/common-ui-components 1.0.3 → 1.0.4

package/dist/table/ChipFilter/ChipFilter.d.ts

@@ -0,0 +1,9 @@
+import type { ToolbarToggleGroupProps } from "@patternfly/react-core";
+import type { FilterType } from "./types";
+export type ChipFilterProps = {
+    filters: {
+        [label: string]: FilterType;
+    };
+    breakpoint?: ToolbarToggleGroupProps["breakpoint"];
+};
+export declare function ChipFilter({ filters, breakpoint }: ChipFilterProps): import("react/jsx-runtime").JSX.Element;

package/dist/table/ChipFilter/components/FilterCheckbox.d.ts

@@ -0,0 +1,4 @@
+import type { CheckboxType } from "../types";
+export declare function FilterCheckbox({ label, chips, options, onToggle, }: Pick<CheckboxType<any>, "chips" | "options" | "onToggle"> & {
+    label: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/table/ChipFilter/components/FilterSearch.d.ts

@@ -0,0 +1,5 @@
+import type { FunctionComponent } from "react";
+import type { SearchType } from "../types";
+export declare const FilterSearch: FunctionComponent<Pick<SearchType, "onSearch" | "validate" | "errorMessage"> & {
+    label: string;
+}>;

package/dist/table/ChipFilter/components/FilterSelector.d.ts

@@ -0,0 +1,6 @@
+export declare function FilterSelector({ options, value, onChange, ouiaId, }: {
+    options: string[];
+    value: string;
+    onChange: (value: string) => void;
+    ouiaId: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/table/ChipFilter/components/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./FilterSearch";
+export * from "./FilterSelector";
+export * from "./FilterCheckbox";

package/dist/table/ChipFilter/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./ChipFilter";
+export type { FilterType } from "./types";
+export type { CheckboxType } from "./types";
+export type { SearchType } from "./types";

package/dist/table/ChipFilter/types.d.ts

@@ -0,0 +1,20 @@
+export type SearchType = {
+    type: "search";
+    validate: (value: string) => boolean;
+    errorMessage: string;
+    chips: string[];
+    onSearch: (value: string) => void;
+    onRemoveChip: (value: string) => void;
+    onRemoveGroup: () => void;
+};
+export type CheckboxType<T extends string | number> = {
+    type: "checkbox";
+    chips: string[];
+    options: {
+        [key in T]: string;
+    };
+    onToggle: (value: T) => void;
+    onRemoveChip: (value: T) => void;
+    onRemoveGroup: () => void;
+};
+export type FilterType = SearchType | CheckboxType<any>;

package/dist/table/Loading.d.ts

@@ -0,0 +1 @@
+export declare function Loading(): import("react/jsx-runtime").JSX.Element;

package/dist/table/Pagination.d.ts

@@ -0,0 +1,9 @@
+import type { PaginationProps as PFPaginationProps } from "@patternfly/react-core";
+export type PaginationProps = {
+    itemCount: number;
+    page: number;
+    perPage: number;
+    isCompact?: boolean;
+    onChange: (page: number, perPage: number) => void;
+} & Pick<PFPaginationProps, "variant">;
+export declare function Pagination({ itemCount, page, perPage, isCompact, onChange, variant, }: PaginationProps): import("react/jsx-runtime").JSX.Element;

package/dist/table/ResponsiveTable.d.ts

@@ -0,0 +1,79 @@
+import type { ActionsColumnProps, TableVariant, TdProps, ThProps } from "@patternfly/react-table";
+import { ActionsColumn, Td, Th } from "@patternfly/react-table";
+import type { PropsWithChildren, ReactElement } from "react";
+export type RenderHeaderCb<TCol> = (props: {
+    Th: typeof Th;
+    key: string;
+    column: TCol;
+    colIndex: number;
+}) => ReactElement<ResponsiveThProps>;
+export type RenderCellCb<TRow, TCol> = (props: {
+    Td: typeof Td;
+    key: string;
+    column: TCol;
+    colIndex: number;
+    rowIndex: number;
+    row: TRow;
+}) => ReactElement<ResponsiveTdProps>;
+export type RenderActionsCb<TRow> = (props: {
+    ActionsColumn: typeof ActionsColumn;
+    row: TRow;
+    rowIndex: number;
+}) => ReactElement<ActionsColumnProps> | undefined;
+export type ResponsiveTableProps<TRow, TCol> = {
+    ariaLabel: string;
+    minimumColumnWidth?: number;
+    columns: readonly TCol[];
+    data: TRow[] | undefined;
+    renderHeader: RenderHeaderCb<TCol>;
+    renderCell: RenderCellCb<TRow, TCol>;
+    renderActions?: RenderActionsCb<TRow>;
+    isColumnSortable?: (column: TCol) => (ResponsiveThProps["sort"] & {
+        label: string;
+    }) | undefined;
+    isRowDeleted?: (props: RowProps<TRow>) => boolean;
+    isRowSelected?: (props: RowProps<TRow>) => boolean;
+    expectedLength?: number;
+    onRowClick?: (props: RowProps<TRow>) => void;
+    setActionCellOuiaId?: (props: RowProps<TRow>) => string;
+    setRowOuiaId?: (props: RowProps<TRow>) => string;
+    tableOuiaId?: string;
+    variant?: TableVariant;
+};
+type RowProps<TRow> = {
+    row: TRow;
+    rowIndex: number;
+};
+export declare const ResponsiveTable: <TRow, TCol>({ ariaLabel, minimumColumnWidth, columns, data, renderHeader, renderCell, renderActions, isColumnSortable, isRowDeleted, isRowSelected, expectedLength, onRowClick, setActionCellOuiaId, setRowOuiaId, tableOuiaId, children, variant, }: PropsWithChildren<ResponsiveTableProps<TRow, TCol>>) => import("react/jsx-runtime").JSX.Element;
+export type ResponsiveThProps = {
+    position: number;
+    tableWidth: number;
+    columnWidth: number;
+    canHide: boolean;
+} & Omit<ThProps, "ref">;
+export declare const ResponsiveTh: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<{
+    position: number;
+    tableWidth: number;
+    columnWidth: number;
+    canHide: boolean;
+} & Omit<ThProps, "ref"> & import("react").RefAttributes<HTMLTableCellElement>>>;
+export type ResponsiveTdProps = {
+    position: number;
+    tableWidth: number;
+    columnWidth: number;
+    canHide: boolean;
+} & Omit<TdProps, "ref">;
+export declare const ResponsiveTd: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<{
+    position: number;
+    tableWidth: number;
+    columnWidth: number;
+    canHide: boolean;
+} & Omit<TdProps, "ref"> & import("react").RefAttributes<HTMLTableCellElement>>>;
+export type DeletableRowProps = PropsWithChildren<{
+    isSelected: boolean;
+    isDeleted: boolean;
+    onClick?: () => void;
+    rowOuiaId?: string;
+}>;
+export declare const DeletableRow: import("react").NamedExoticComponent<DeletableRowProps>;
+export {};

package/dist/table/TableSkeleton.d.ts

@@ -0,0 +1,8 @@
+import { Td } from "@patternfly/react-table";
+type Props = {
+    columns: number;
+    rows: number;
+    getTd?: (index: number) => typeof Td;
+};
+export declare function TableSkeleton({ columns, rows, getTd }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/table/index.d.ts

@@ -0,0 +1 @@
+export * from "./ResponsiveTable";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@apicurio/common-ui-components",
   "private": false,
-  "version": "1.0.3",
+  "version": "1.0.4",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",
@@ -15,16 +15,23 @@
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0"
   },
   "peerDependencies": {
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
-    "react-router-dom": "6.18.0",
     "@patternfly/patternfly": "5.1.0",
     "@patternfly/react-core": "5.1.1",
     "@patternfly/react-icons": "5.1.1",
-    "@patternfly/react-table": "5.1.1"
+    "@patternfly/react-table": "5.1.1",
+    "luxon": "3.4.3",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "react-router-dom": "6.18.0",
+    "use-resize-observer": "9.1.0"
   },
   "devDependencies": {
     "@apicurio/eslint-config": "0.2.0",
+    "@patternfly/patternfly": "5.1.0",
+    "@patternfly/react-core": "5.1.1",
+    "@patternfly/react-icons": "5.1.1",
+    "@patternfly/react-table": "5.1.1",
+    "@types/luxon": "3.3.5",
     "@types/node": "18.18.13",
     "@types/react": "18.2.39",
     "@types/react-dom": "18.2.17",
@@ -34,6 +41,7 @@
     "eslint": "8.45.0",
     "eslint-plugin-react-hooks": "4.6.0",
     "eslint-plugin-react-refresh": "0.4.3",
+    "luxon": "3.4.3",
     "rimraf": "5.0.5",
     "typescript": "5.0.2",
     "vite": "4.4.5",
@@ -41,9 +49,6 @@
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-router-dom": "6.18.0",
-    "@patternfly/patternfly": "5.1.0",
-    "@patternfly/react-core": "5.1.1",
-    "@patternfly/react-icons": "5.1.1",
-    "@patternfly/react-table": "5.1.1"
+    "use-resize-observer": "9.1.0"
   }
 }