@nodeblocks/frontend-list-organization-block 0.3.0 → 0.4.1

package/dist/list-organizations.d.ts

@@ -1,118 +0,0 @@
-import { StackProps } from '@mui/material';
-import { ComponentProps, type ReactNode, type SyntheticEvent } from 'react';
-import { BaseTable, type BaseTableSearchChip, type BlocksOverride } from '@nodeblocks/frontend-base-block';
-export interface ListOrganizationsRowData extends Record<string, unknown> {
-    id: string;
-    createdAt: string;
-    name: string;
-    joinDate: string;
-    status: string;
-}
-type ListOrganizationsRowActionType = 'activate' | 'deactivate';
-type ListOrganizationsStatusMatch = {
-    active: string;
-    inactive: string;
-};
-export type TabData = {
-    key: string;
-    label: string;
-    isDisabled?: boolean;
-    subtitle?: string;
-};
-export interface PaginationProps {
-    /** 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;
-}
-type ListOrganizationsLabels = {
-    emptyStateMessage: string;
-    searchFieldPlaceholder: string;
-    rowActions?: {
-        activate: string;
-        deactivate: string;
-    };
-    headerRow: {
-        createdAt: string;
-        name: string;
-        joinDate: string;
-        status: string;
-    };
-    cellData: {
-        statusActive: string;
-        statusInactive: string;
-    };
-};
-type ListOrganizationsValue<TTabs extends TabData[] = TabData[]> = {
-    isLoading?: boolean;
-    labels: ListOrganizationsLabels;
-    searchValue?: string;
-    onSearchFieldChange?: (value: string) => void;
-    onSearchSubmit?: () => void;
-    onNavigate?: (to: string) => void;
-    onItemActivate?: (rowId: ListOrganizationsRowData['id']) => void;
-    onItemDeactivate?: (rowId: ListOrganizationsRowData['id']) => void;
-    shouldShowDropdownMenu?: (row: ListOrganizationsRowData) => boolean;
-    resolveRowAction?: (row: ListOrganizationsRowData) => ListOrganizationsRowActionType[] | undefined;
-    statusMatch?: ListOrganizationsStatusMatch;
-    pagination?: PaginationProps;
-    data: ListOrganizationsRowData[];
-    rowHref?: (row: ListOrganizationsRowData) => string;
-    tabs?: TTabs;
-    currentTab?: TTabs[number]['key'];
-    onTabChange?: (tab: TTabs[number]['key']) => void;
-    searchChipsTitle?: ReactNode;
-    searchChips?: BaseTableSearchChip[];
-    onSearchChipDelete?: (chip: BaseTableSearchChip, index: number, event: SyntheticEvent) => void;
-    listOrganizationsTitle: ReactNode;
-};
-type ListOrganizationsDefaultBlocks = {
-    title: ReactNode;
-    action: ReactNode;
-    header: ReactNode;
-    loader: ReactNode;
-    content: ReactNode;
-    tabs: ReactNode;
-    searchChips: ReactNode;
-    table: ReactNode;
-    pagination: ReactNode;
-};
-type ListOrganizationsRootPassthroughProps = Omit<StackProps, 'children'>;
-type ListOrganizationsProps<TTabs extends TabData[] = TabData[], CustomBlocks extends Record<string, ReactNode> = {}> = ListOrganizationsRootPassthroughProps & Required<Pick<ListOrganizationsValue<TTabs>, 'labels' | 'data' | 'listOrganizationsTitle'>> & Partial<Pick<ListOrganizationsValue<TTabs>, 'isLoading' | 'searchValue' | 'onSearchFieldChange' | 'onSearchSubmit' | 'onNavigate' | 'onItemActivate' | 'onItemDeactivate' | 'shouldShowDropdownMenu' | 'resolveRowAction' | 'statusMatch' | 'pagination' | 'rowHref' | 'tabs' | 'currentTab' | 'onTabChange' | 'searchChipsTitle' | 'searchChips' | 'onSearchChipDelete'>> & {
-    children?: BlocksOverride<ListOrganizationsDefaultBlocks, CustomBlocks>;
-};
-type ListOrganizationsTitleProps = ComponentProps<typeof BaseTable.Header.Title> & {
-    listOrganizationsTitle?: ReactNode;
-};
-type ListOrganizationsHeaderProps = ComponentProps<typeof BaseTable.Header>;
-type ListOrganizationsActionProps = ComponentProps<typeof BaseTable.Header.Actions> & Partial<Pick<ListOrganizationsValue, 'labels' | 'searchValue' | 'onSearchFieldChange' | 'onSearchSubmit'>>;
-type ListOrganizationsLoaderProps = ComponentProps<typeof BaseTable.Content.Loader>;
-type ListOrganizationsContentProps = ComponentProps<typeof BaseTable.Content>;
-type ListOrganizationsTabsProps = ComponentProps<typeof BaseTable.Tabs<ListOrganizationsRowData>>;
-type ListOrganizationsBaseTableGridProps = ComponentProps<typeof BaseTable.Content.Grid<ListOrganizationsRowData>>;
-/**
- * Props for `ListOrganizations.Table`. Managed grid props (`columns`, `rows`, `noRowsOverlay`, …) are
- * omitted from the public surface; the empty-state overlay is built from `labels` via `createNoRowsOverlay`.
- */
-type ListOrganizationsTableProps = Omit<ListOrganizationsBaseTableGridProps, 'columns' | 'rows' | 'rowActions' | 'actionColumn' | 'onRowClick' | 'noRowsOverlay'> & Partial<Pick<ListOrganizationsValue, 'labels' | 'data' | 'onItemActivate' | 'onItemDeactivate' | 'shouldShowDropdownMenu' | 'resolveRowAction' | 'statusMatch' | 'rowHref' | 'onNavigate'>>;
-type ListOrganizationsPaginationProps = Partial<Omit<ComponentProps<typeof BaseTable.Pagination>, 'pagination' | 'rows' | 'isLoading'>> & Partial<Pick<ListOrganizationsValue, 'pagination' | 'data' | 'isLoading'>>;
-type ListOrganizationsSearchChipsProps = Partial<ComponentProps<typeof BaseTable.SearchChips>>;
-type ListOrganizationsComponent = {
-    <TTabs extends TabData[] = TabData[], CustomBlocks extends Record<string, ReactNode> = {}>(props: ListOrganizationsProps<TTabs, CustomBlocks>): ReactNode;
-    Title: (props: ListOrganizationsTitleProps) => ReactNode;
-    Action: (props: ListOrganizationsActionProps) => ReactNode;
-    Header: (props: ListOrganizationsHeaderProps) => ReactNode;
-    Loader: (props: ListOrganizationsLoaderProps) => ReactNode;
-    Content: (props: ListOrganizationsContentProps) => ReactNode;
-    Tabs: (props: ListOrganizationsTabsProps) => ReactNode;
-    SearchChips: (props: ListOrganizationsSearchChipsProps) => ReactNode;
-    Table: (props: ListOrganizationsTableProps) => ReactNode;
-    Pagination: (props: ListOrganizationsPaginationProps) => ReactNode;
-};
-declare const ListOrganizations: ListOrganizationsComponent;
-export default ListOrganizations;
-//# sourceMappingURL=list-organizations.d.ts.map

package/dist/list-organizations.d.ts.map

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

package/dist/list-organizations.test.d.ts

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

package/dist/list-organizations.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"list-organizations.test.d.ts","sourceRoot":"","sources":["../src/list-organizations.test.tsx"],"names":[],"mappings":""}

package/readme.md

@@ -1,64 +0,0 @@
-## 🚀 Nodeblocks Frontend Starter Kit
-
-Welcome to the Nodeblocks Frontend Starter Kit! 🎉 This kit is designed to make building frontend libraries in React super easy, helping you streamline your development workflow with minimal fuss. Let's dive in! 🤿
-
-### ✨ Features
-
-- **🚀 Bundling with Rollup:** Get a clean, minimalistic approach to bundling your JavaScript files for smoother frontend development.
-- **💙 TypeScript Support:** We've included a pre-configured `tsconfig.json` to ensure your TypeScript setup is strict, efficient, and ready to go.
-- **⚙️ Peer Dependencies:** Keep bundle sizes lean with React and React DOM set as peer dependencies.
-- **🎨 CSS Support:** Easily import and process CSS files, giving you more control over your styles.
-
-### 🛠️ How to Use
-
-1. **Clone this repository** 🌀:
-
-   ```bash
-   git clone <repository-url>
-   cd <repository-directory>
-   ```
-
-2. **Install dependencies** 📦:
-
-   ```bash
-   npm install
-   ```
-
-3. **Start development** 🛠️:
-
-   ```bash
-   npm run watch
-   ```
-
-4. **Build for production** 🏗️:
-   ```bash
-   npm run build
-   ```
-
-### 🧪 How to Test
-
-The `test` folder contains examples that demonstrate how to use the libraries you create with this starter kit. These examples show compatibility with various bundlers, such as:
-
-- **Create React App** (Webpack)
-- **Vite** ⚡
-- **Rollup** (itself) (Coming soon) 🔄
-- **Parcel** (Coming soon) 📦
-
-This ensures Nodeblocks libraries integrate seamlessly with different workflows. 🛠️✨
-
-**Before running each project make sure you run `npm link`:**
-
-1. In the root of this project:
-   ```bash
-   npm link
-   ```
-2. In the test project you want to run:
-
-   ```bash
-   npm i
-   npm link @basaldev/frontend-starter-kit
-   ```
-
-   (Note that in real life your library would not be called frontend-starter-kit.)
-
-3. Then you can follow your usual workflow either with **Create React App** (`npm start`) or with Vite (`npm run dev`). This will give you a development environment where whenever you change your library it will be available in your test project.