@nodeblocks/frontend-list-users-block 0.0.2

package/dist/ListUsers.d.ts

@@ -0,0 +1,109 @@
+import { InputHTMLAttributes } from "react";
+import { ColumnDef } from "@tanstack/react-table";
+import { IconType, MenuItemProps } from "@basaldev/blocks-frontend-framework";
+import { DefaultBlocks } from "./blocks";
+import "@basaldev/blocks-frontend-framework/dist/style.css";
+import "@fontsource/material-symbols-outlined/400.css";
+import "./list-user.css";
+type InputAction = InputHTMLAttributes<HTMLInputElement> & {
+    className?: string;
+    /**
+     * Default value. This is used for initially setting up the input when used without
+     * controlled value. If you want to use controlled value, use `value` prop instead.
+     */
+    defaultValue?: string;
+    /** Error text */
+    errorText?: string;
+    /** Is input disabled */
+    isDisabled?: boolean;
+    /** Shows red required mark */
+    isRequired?: boolean;
+    /** Label of the input field */
+    label?: string;
+    /** Configurable label weight */
+    labelWeight?: "bold" | "regular";
+    /** Input name */
+    name?: string;
+    /** On Input change callback */
+    onChange?: (value: string, name?: string) => void;
+    /** On enter pressed callback */
+    onEnter?: (value: string, name?: string) => void;
+    /** Operation onClick callback */
+    onOperationClick?: () => void;
+    /** Operation text */
+    operationText?: string;
+    /** Placeholder */
+    placeholder?: string;
+    /** Text to place after the component */
+    postfixText?: string;
+    /** Set input to readonly */
+    readonly?: boolean;
+    /** Input value */
+    value?: string;
+};
+type ButtonAction = {
+    className: string;
+    name?: string;
+    label?: string;
+    icon?: IconType;
+    onClick: () => void;
+};
+type ListUsersProps<TRowData extends {
+    [k: string]: any;
+}> = {
+    title?: string;
+    children?: (props: {
+        defaultBlocks: DefaultBlocks;
+    }) => {
+        blocks: DefaultBlocks;
+        [key: string]: any;
+    };
+    emptyDataView?: {
+        message?: string;
+        icon?: IconType;
+    };
+    tableView?: {
+        headerRow?: {
+            [key: string]: string;
+        } & {
+            name: string;
+            createdAt: string;
+            status: string;
+        };
+        cellData?: {
+            [key: string]: string;
+        } & {
+            statusNotInUse: string;
+            statusInUse: string;
+        };
+        dropdownMenu?: (cell: TRowData) => Array<Omit<MenuItemProps, "onNavigate">>;
+    };
+    actions?: {
+        search?: InputAction;
+        filter?: ButtonAction;
+    };
+    columns?: Array<{
+        accessor: (row: TRowData) => unknown;
+        props: Omit<ColumnDef<TRowData, any>, "accessorFn" | "accessorKey">;
+    }>;
+    data?: Array<TRowData>;
+    showLoading?: boolean;
+    rowHref?: (row: TRowData) => string;
+    pagination?: {
+        /** Custom class to give the html component */
+        className?: string;
+        /** Currently selected page in the pagination. Pages are counted from 1. */
+        currentPage: number;
+        /** Callback when the page is changed */
+        onPageChange: (page: number) => void;
+        /** Total number of pages in the pagination. */
+        totalPages: number;
+    };
+    className?: string;
+    onNavigate?: ((to: string) => void);
+};
+declare const ListUsers: <TRowData extends {
+    [k: string]: any;
+}>({ title, showLoading, emptyDataView, tableView, actions, columns, children, data, pagination, rowHref, className, onNavigate }: ListUsersProps<TRowData>) => import("react/jsx-runtime").JSX.Element;
+export default ListUsers;
+//# sourceMappingURL=ListUsers.d.ts.map

package/dist/ListUsers.d.ts.map

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

package/dist/blocks.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+export type Block<T extends unknown = {
+    [k: string]: any;
+}> = (props: T) => React.ReactNode;
+export type DefaultBlocks = {
+    Title: Block<{
+        [k: string]: any;
+    }>;
+    Actions: Block<{
+        [k: string]: any;
+    }>;
+    Table: Block<{
+        [k: string]: any;
+    }>;
+};
+export type DefaultOptions = {};
+//# sourceMappingURL=blocks.d.ts.map

package/dist/blocks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"blocks.d.ts","sourceRoot":"","sources":["../src/blocks.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,KAAK,CAAC,CAAC,SAAS,OAAO,GAAG;IAAE,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,IAAI,CAC5D,KAAK,EAAE,CAAC,KACL,KAAK,CAAC,SAAS,CAAC;AAErB,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,KAAK,CAAC;QAAE,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC,CAAC;IACnC,OAAO,EAAE,KAAK,CAAC;QAAE,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC,CAAC;IACrC,KAAK,EAAE,KAAK,CAAC;QAAE,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC,CAAC;CACpC,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,EAAE,CAAC"}